/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Banner / Main Slider
6. What We Do
7. About Section One
8. About Section Two
9. Services Section
10. Testimonials Section
11. Work Process
12. Pricing Section
13. Our News Section
14. Sponsors Section
15. Main Footer
16. What We Do Two
17. Services Section Two
18. Pricing Section Two
19. Call to Action
20. About Section Three
21. Fun Facts Section
22. Team Section
23. Page Title
24. Projects Style One
25. Projects Style Two
26. Projects Details
27. Contact Form
24. Blog Page
25. Blog Single Section
26. Sidebar Page Style
27. Contact Section

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

/* font-family: 'Exo', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*font-family: 'Poppins', sans-serif;*/


/* @import url('font-awesome.css'); */

@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');

@font-face {
    font-family: 'Syabab';
    src: url('../fonts/SyababFREETESTER.eot');
    src: url('../fonts/SyababFREETESTERd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/SyababFREETESTER.woff') format('woff'), url('../fonts/SyababFREETESTER.ttf') format('truetype'), url('../fonts/SyababFREETESTER.svg#Syabab') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}


/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.70);
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #27d9b6;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    font-family: 'Poppins', sans-serif;
}

input,
button,
select,
textarea {
    font-family: 'Poppins', sans-serif;
}

.theme_color {
    color: #ff742e;
}

p {
    position: relative;
    line-height: 1.8em;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

.grey-bg {
    background-color: #f6f6f6;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}


/* .centered h2{
  position: relative;
}
.centered h1::after{
	position: absolute;
	content: "";
	height: 4px;
	width: 100px;
	background-color: orangered;
	bottom: -8	px;
	left: 50%;
	transform: translate(-50%);
} */


/*List Style One*/

.list-style-one {
    position: relative;
}

.list-style-one li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
}

.list-style-one li:before {
    content: '\f18d';
    font-family: 'Flaticon';
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 28px;
    color: #ff742e;
    font-size: 15px;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    line-height: 30px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
    display: inline-block;
    padding: 13px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 2;
    /* border: 2px solid white; */

}

.second-one-btn {
    background: transparent;
    color: white;
}

.btn-style-one:hover {
    /* background: #000000; */
    color: #ffffff;
}

.btn-style-two {
    position: relative;
    line-height: 28px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    background: #ffffff;
    display: inline-block;
    padding: 12px 40px;
    /* border: 1px solid rgba(0, 0, 0, 0.10); */
    border-radius: 3px;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.btn-style-two:before,
.btn-style-one:before {
    content: "";
    left: 0px;
    height: 100%;
    width: 100%;
    bottom: -100%;
    background-color: #27d9b6;
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.btn-style-two:before {
    background-color: #112a6e;
}

.btn-style-two:hover {
    /* border-color: #000000; */
    color: #ffffff;
}

.btn-style-two:hover:before,
.btn-style-one:hover:before {
    bottom: 0%;
}

.btn-style-three {
    position: relative;
    line-height: 24px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background: none;
    display: inline-block;
    padding: 9px 40px;
    letter-spacing: 1px;
    border: 2px solid #fff;
    border-radius: 22px;
    text-transform: uppercase;
}

.btn-style-three:hover {
    background: #00000a;
    color: #ffffff;
    border-color: #00000a;
}

.btn-style-four {
    position: relative;
    line-height: 24px;
    color: #00000a;
    font-size: 15px;
    font-weight: 600;
    background: none;
    display: inline-block;
    padding: 14px 35px;
    letter-spacing: 1px;
    border: 1px solid #e0e0e0;
    border-radius: 27px;
    text-transform: uppercase;
}

.btn-style-four:hover {
    background: #00000a;
    color: #ffffff;
    border-color: #00000a;
}

.btn-style-five {
    position: relative;
    line-height: 24px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    background: none;
    display: inline-block;
    padding: 12px 35px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-style-five:hover {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-style-six {
    position: relative;
    line-height: 24px;
    color: #00000a;
    font-size: 15px;
    font-weight: 500;
    background: #ffffff;
    display: inline-block;
    padding: 13px 40px;
    border-radius: 25px;
    text-transform: capitalize;
}

.btn-style-six:hover {
    background: #000000;
    color: #ffffff;
}

.btn-style-seven {
    position: relative;
    line-height: 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    background: #27d9b6;
    display: inline-block;
    padding: 14px 30px;
    border-radius: 0px;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 2;
    border: 2px solid #27d9b6;
    transition: all 0.3s ease-in-out;
}

.btn-style-seven::before {
    content: "";
    left: 0px;
    height: 100%;
    width: 100%;
    bottom: -100%;
    background-color: white;
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out
}

.btn-style-seven:hover::before {
    bottom: 0%;
}

.btn-style-seven:hover {
    color: #27d9b6;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg);
}

img {
    display: inline-block;
    max-width: 100%;
    /* height:auto;	 */
}


/*** 

====================================================================
	Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
    background-image: none !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
    content: '';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0px;
    top: 0px;
    font-size: 12px;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    background-color: rgba(28, 28, 28, 0.40) !important;
    color: #ffffff;
    visibility: visible;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
    content: '\f178';
}

.fancybox-prev span:before {
    content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
    background-color: #ffffff !important;
    color: #000000;
}

.fancybox-type-image .fancybox-close {
    right: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    background: url(../images/icons/icon-cross.png) center center no-repeat;
    background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
    background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
    padding: 0px !important;
}


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 50px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #444444;
    display: none;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #27d9b6;
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    background: none;
}

.main-header.inner-page-header {
    position: absolute;
}

.main-header .auto-container {
    position: relative;
}

.header-top {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.header-top .top-left {
    position: relative;
    float: left;
}

.header-top .top-left .phone {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #00000a;
    padding: 15px 0px;
    font-weight: 500;
}

.header-top .top-left .phone span {
    color: #cecece;
    padding-right: 10px;
}

.header-top .top-right {
    position: relative;
    float: right;
}

.header-top .top-right .get-quote {
    position: relative;
    float: left;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    margin-left: 45px;
}

.header-top .top-right .get-quote a {
    position: relative;
    display: block;
    line-height: 30px;
    padding: 15px 40px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #00000a;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-right .get-quote a:hover {
    color: #ff742e;
}

.header-top .top-right .social-links {
    position: relative;
    float: left;
    padding: 15px 0px;
}

.header-top .top-right .social-links li {
    position: relative;
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 20px;
}

.header-top .top-right .social-links li a {
    position: relative;
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.20);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-right .social-links li a:hover {
    color: rgba(0, 0, 0, 1);
}


/*Main Box*/

.main-header .main-box {
    position: relative;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-style-one .main-box {
    position: absolute;
}

.main-header.fixed-header .main-box {
    position: fixed;
    padding: 0px 0px;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-header.fixed-header.header-style-one .main-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(20px);
    background: rgba(14, 35, 94, 0.5);
}

.main-menu .navigation>li>a {
    padding: 0;
    cursor: pointer;
}

.main-menu .navigation .current>a {
    color: #27d9b6 !important;
}

.main-header.inner-page .main-menu .current>a {
    color: #27d9b6;
    font-weight: 600;
}

.main-header.inner-page.fixed-header .main-menu .navigation>li>a {
    padding: 22px 0px 18px;
}

.main-header.inner-page .main-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #0e235e;
}

.main-header.inner-page .main-box .logo-box {
    padding: 10px 0px;
    margin: 20px 0px;
}

.main-header.inner-page .main-box .logo-box .logo img {
    height: 55px;
}

.main-header.fixed-header.header-style-two .main-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #ffffff;
}

.main-header .main-box .outer-container {
    position: relative;
    display: flex;
    /* align-items: center;  */
    justify-content: space-between;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    padding: 30px 0px;
    z-index: 20;
}

.main-header.fixed-header .main-box .logo-box,
.main-header.header-style-two .main-box .logo-box {
    padding: 10px 0px;
    align-items: center;
}

.main-header .main-box .logo-box .logo img {
    position: relative;
    display: block;
    max-width: 100%;
    z-index: 10;
    max-height: 90px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header.fixed-header .main-box .logo-box .logo img {
    height: 55px;
}

.main-header .nav-outer {
    position: relative;
    float: right;
    padding: 20px 0px;
    padding-right: 40px;
}

.main-header.fixed-header .nav-outer,
.main-header.header-style-two .nav-outer {
    padding-top: 0px;
    padding-bottom: 0px;
}

.main-header .nav-outer .search-box-outer {
    position: absolute;
    right: 0px;
    top: 45%;
    margin-top: -17px;
    width: 24px;
    height: 40px;
    display: block;
}

.main-header .nav-outer .search-box-btn {
    position: relative;
    display: block;
    width: 24px;
    height: 40px;
    background: none;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px !important;
    cursor: pointer;
    text-align: right;
    border-radius: 0%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.header-style-two .nav-outer .search-box-btn {
    color: #00000a;
}

.main-header .nav-outer .search-box-outer .dropdown-menu {
    top: 66px;
    right: 0px;
    padding: 0px;
    width: 280px;
    border-radius: 0px;
    border-top: 2px solid #121212;
}

.main-header .nav-outer .search-box-outer .dropdown-menu>li {
    padding: 0px;
    border: none;
    background: none;
}

.main-header .nav-outer .search-panel .form-container {
    padding: 25px 20px;
}

.main-header .nav-outer .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .nav-outer .search-panel input[type="text"],
.main-header .nav-outer .search-panel input[type="search"],
.main-header .nav-outer .search-panel input[type="password"],
.main-header .nav-outer .search-panel select {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 24px;
    background: #ffffff;
    padding: 7px 40px 7px 15px;
    border: 1px solid #e0e0e0;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .nav-outer .search-panel input:focus,
.main-header .nav-outer .search-panel select:focus {
    border-color: #ff742e;
}

.main-header .nav-outer .search-panel .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 12px;
    background: none;
    cursor: pointer;
    line-height: 40px;
}

.main-menu {
    position: relative;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    padding: 15px 0px;
    margin-left: 35px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    padding: 10px 0px 18px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 15px;
    opacity: 1;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.header-style-two .main-menu .navigation>li>a {
    color: #00000a;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
    color: #ffffff;
    opacity: 1;
}

.header-style-two .main-menu .navigation>li:hover>a,
.header-style-two .main-menu .navigation>li.current>a {
    color: #ff742e;
    opacity: 1;
}

.main-menu .navigation>li:hover>a:before,
.main-menu .navigation>li.current>a:before {
    width: 100%;
}


/*.main-menu .navigation > li.dropdown > a{
	padding-right:18px;	
}*/


/*.main-menu .navigation > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-9px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:15px;
	font-weight:normal;
	z-index:5;	
}*/

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    z-index: 100;
    display: none;
    padding: 0px 0px;
    background: #ffffff;
    border-top: 2px solid #121212;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 20px;
    line-height: 22px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #121212;
    text-align: left;
    text-transform: capitalize;
    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>a i {
    font-size: 18px;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffffff;
    background-color: #4ae5c3;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 21px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0px;
    width: 220px;
    z-index: 100;
    display: none;
    background: #ffffff;
    border-top: 2px solid #121212;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.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;
    padding: 12px 20px;
    line-height: 22px;
    font-weight: 500;
    font-size: 14px;
    color: #121212;
    text-align: left;
    text-transform: capitalize;
    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>a:hover {
    color: #ffffff;
    background-color: #4ae5c3;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0px;
    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.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .btn-outer {
    position: relative;
    float: right;
    padding: 47px 0px;
    margin-left: 30px;
}


/*** 

====================================================================
	Main Banner style
====================================================================

***/

.main-banner {
    position: relative;
}

.main-banner .banner-inner {
    position: relative;
    padding: 240px 0px;
    background: url(../images/background/bg-banner.png) left bottom no-repeat;
    background-size: cover;
    color: #ffffff;
    /* filter: hue-rotate(230deg); */
    height: 1120px;
}

.hero-row {
    display: flex;
    justify-content: space-between;
}

.hero-img {
    position: relative;
    transform: rotate(10deg);
    padding-left: 12%;
    max-width: 100%;
    width: 100%;
}

.hero-img svg {
    filter: hue-rotate(-500deg);
    border-radius: 150px;
    width: 50rem;
}

.hero-abs {
    position: absolute;
    left: -50px;
    top: 10px;
    min-width: 65rem;
    /* height: 550px; */
    animation: updown 5s linear infinite;
    margin-left: 15%;
}


.main-banner .banner-inner .big-image {
    position: absolute;
    right: 0px;
    top: 240px;
    max-width: 50%;
}

.main-banner .banner-inner .content-box {
    position: relative;
    padding-top: 30px;
    max-width: 50%;
}

.main-banner .banner-inner h2 {
    position: relative;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.35em;
    margin-bottom: 50px;
}

.main-banner .banner-inner .text {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 80px;
}


/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
    position: relative;
    z-index: 10;
}

.main-slider .tp-caption {
    z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
    background: rgba(0, 0, 0, 0.40) !important;
}

.main-slider h2 {
    position: relative;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3em;
}

.main-slider .text {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #00000a;
    line-height: 1.8em;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
    display: none !important;
}


/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 80px;
}

.sec-title .subtitle {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
    line-height: 1.6em;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.sec-title h2 {
    position: relative;
    font-size: 36px;
    font-weight: 600;
    color: #10296d;
    line-height: 1.5em;
    padding: 0px 10px;
    font-family: 'Exo', sans-serif
}

.sec-title .text {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #00000a;
    opacity: 0.70;
    padding-top: 20px;
    line-height: 1.8em;
}

.sec-title.centered {
    text-align: center;
}


/*** 

====================================================================
	What We Do
====================================================================

***/

.what-we-do {
    position: relative;
    padding: 120px 0px 90px;
}

.what-we-do .bg-img {
    position: absolute;
    left: -300px;
    min-height: 80%;
    z-index: 3;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.notation-1 {
    position: absolute;
    top: 10%;
    right: 10%;
    animation: image_move_rotate2 5s linear infinite;
    z-index: -1;
}

.default-service-item {
    position: relative;
    margin-bottom: 30px;
}

.default-service-item .inner-box {
    position: relative;
    display: block;
    text-align: center;
}


.inner-box figure i {
    /* color: #10296d; */
    color: white;
    font-size: 50px;
}

.default-service-item .icon-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    z-index: 4;
}

.default-service-item h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 4;
    /* margin-bottom: 15px; */
}

.default-service-item h3 a {
    color: #090913;
}

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

.default-service-item .text {
    position: relative;
    display: block;
    color: #090913;
    font-weight: 500;
    opacity: 0.60;
    line-height: 1.8em;
}

.service-item-three {
    position: relative;
    padding: 0px;
}

.service-item-three .inner-box {
    position: relative;
    display: block;
    background: #ff850d;
    color: #ffffff;
    text-align: center;
    padding: 80px 40px 100px;
}

.what-we-do .service-item-three:nth-child(2) .inner-box {
    background: #704fff;
}

.what-we-do .service-item-three:nth-child(3) .inner-box {
    background: #41d481;
}

.service-item-three .icon-box {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.service-item-three .icon-box img {
    width: 100px;
}

.service-item-three h3 {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.service-item-three h3 a {
    color: #ffffff;
}

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

.service-item-three .text {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em;
}

.what-professional p {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    z-index: 4;
    color: #4ae5c2;
    margin: 0px 10px 30px;
}


/*** 

====================================================================
	About Us Section
====================================================================

***/

.about-us-section {
    position: relative;
    padding: 120px 0px 0px;
    z-index: 5;
}

.about-us-section .content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-us-section .content-column .sec-title {
    margin-bottom: 60px;
}

.about-us-section .content-column .sec-title .subtitle {
    margin-bottom: 20px;
}

.about-us-section .content-column .sec-title h2 {
    font-size: 40px;
    line-height: 1.5em;
}

.about-us-section .content-column .inner {
    position: relative;
    padding-right: 50px;
}

.about-us-section .content-column .content {
    position: relative;
    padding-left: 80px;
    min-height: 80px;
}

.about-us-section .content-column .content .icon {
    position: absolute;
    left: 0px;
    top: -7px;
    font-size: 48px;
    line-height: 1em;
    color: #ff742e;
}

.about-us-section .content-column .content h3 {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 500;
    color: #00000a;
    margin-bottom: 30px;
}

.about-us-section .content-column .content .text {
    line-height: 1.8em;
    font-size: 15px;
    margin-bottom: 15px;
}

.about-us-section .video-column {
    position: relative;
    margin-bottom: 30px;
}

.about-us-section .video-column .video-box {
    position: relative;
    width: 1200px;
    height: 600px;
    overflow: hidden;
    border-radius: 300px;
    -webkit-transform: rotate(350deg) translate(50px, -150px);
    -ms-transform: rotate(350deg) translate(50px, -150px);
    -o-transform: rotate(350deg) translate(50px, -150px);
    -moz-transform: rotate(350deg) translate(50px, -150px);
    transform: rotate(350deg) translate(50px, -150px);
}

.about-us-section .video-column .video-box .image-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-transform: rotate(25deg) scale(1.5, 1.5);
    -ms-transform: rotate(25deg) scale(1.5, 1.5);
    -o-transform: rotate(25deg) scale(1.5, 1.5);
    -moz-transform: rotate(25deg) scale(1.5, 1.5);
    transform: rotate(25deg) scale(1.5, 1.5);
}

.about-us-section .video-column .video-box .link-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: rotate(25deg) scale(1.5, 1.5);
    -ms-transform: rotate(25deg) scale(1.5, 1.5);
    -o-transform: rotate(25deg) scale(1.5, 1.5);
    -moz-transform: rotate(25deg) scale(1.5, 1.5);
    transform: rotate(25deg) scale(1.5, 1.5);
}

.about-us-section .video-column .video-box .link-box .icon-box {
    position: absolute;
    left: 35%;
    top: 62%;
    margin-top: -42px;
    width: 84px;
    height: 84px;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    padding-left: 3px;
    border-radius: 50%;
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -o-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}

.about-us-section .video-column .video-box .link-box:hover {
    background: rgba(0, 0, 0, 0.60);
}

.about-us-section .video-column .more-box {
    position: relative;
    float: right;
    margin-top: -170px;
    margin-right: -140px;
    display: block;
    width: 300px;
    background: #ff742e;
    color: #ffffff;
}

.about-us-section .video-column .more-box:hover {
    opacity: 0.90;
}

.about-us-section .video-column .more-box a {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    padding: 25px 50px;
    line-height: 24px;
    font-weight: 400;
}

.about-us-section .video-column .more-box a .sub {
    opacity: 0.50;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.about-us-section .video-column .more-box a .more {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.about-us-section .video-column .more-box a .more .icon {
    float: right;
}


/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
    position: relative;
    padding: 300px 0px;
    z-index: 1;
    overflow: hidden;
    /* background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(154 206 255) 0%, rgb(186 222 255) 100%); */
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, rgb(40 150 255) 0%, #112a6e 100%);
    ;
    /* background: -webkit-linear-gradient(top, #ff6f1f, #ff711f);
    background: -ms-linear-gradient(top, #f7fbfd, #ffffff);
    background: -o-linear-gradient(top, #f7fbfd, #ffffff);
    background: -moz-linear-gradient(top, #f7fbfd, #ffffff); */
}

.services-section.alternate {
    background: #ffffff;
    padding: 150px 0px 120px;
}

.services-section:before {
    content: '';
    position: absolute;
    right: 100px;
    margin-right: 200px;
    top: -395px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    -webkit-transform: skewX(280deg);
    -ms-transform: skewX(280deg);
    -o-transform: skewX(280deg);
    -moz-transform: skewX(280deg);
    transform: skewX(280deg);
}

.services-section::after {
    content: '';
    position: absolute;
    right: 50px;
    margin-right: 200px;
    bottom: -560px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    -webkit-transform: skewX(280deg);
    -ms-transform: skewX(280deg);
    -o-transform: skewX(280deg);
    -moz-transform: skewX(280deg);
    transform: skewX(280deg);
}

.services-section.alternate:before {
    display: none;
}

.services-section .sec-title {
    margin-bottom: 90px;
}

.service-item-two {
    position: relative;
    margin-bottom: 30px;
}

.service-item-two h3 {
    transition: all 0.5s ease-in-out;
}

/* 
.service-item-two .text{
    transition: all 0.5s ease-in-out;
} */


.service-item-two .inner-box {
    position: relative;
    display: block;
    /* background: #ffffff; */
    padding: 40px 30px;
    text-align: center;
    /* -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); */
}

.service-item-two .inner-box:before {
    background-color: white;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -10px;
    border-radius: 8px;
    transform: skewY(-8deg);
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

/* .service-item-two:hover .inner-box:before{
    background-color: #47e2ba;
} */

.service-item-two .inner-box2:before {
    transform: skewY(8deg);
}


.service-item-two .icon-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.service-item-two h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

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

/* .service-item-two h3 a{
    transition: all 0.3s ease-in-out;
} */

/* .service-item-two:hover h3 a{
    color: #112a6e;
} */

.service-item-two .text {
    position: relative;
    display: block;
    color: #090913;
    font-weight: 500;
    opacity: 1;
    line-height: 1.8em;
    margin-bottom: 40px;
    transition: all 0.7s ease-in-out;
}

/* .service-item-two:hover .text{
    color: white;
} */

.service-item-two:hover h3,
.service-item-two:hover .text,
.service-item-two:hover .icon-box {
    transform: translateY(-10px);
}

.service-item-two .more-btn a {
    position: relative;
    font-size: 32px;
    color: #090913;
    opacity: 0.20;
    line-height: 1em;
}

.service-item-two .more-btn a:hover {
    opacity: 1;
}

.view-more {
    position: relative;
    padding: 60px 0px 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*** 

====================================================================
	Testimonials Section
====================================================================

***/

.testimonials-section {
    position: relative;
    /* padding: 235px 0px; */
    padding-bottom: 40px;
    padding-top: 180px;
    z-index: 5;
}

.testimonials-section .bg-img {
    position: absolute;
    right: -300px;
    height: 70%;
    top: -20px;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.testimonials-section.style-two {
    padding: 130px 0px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.testimonials-section .content-column {
    position: relative;
    margin-bottom: 30px;
}

.testimonials-section .content-column .sec-title {
    margin-bottom: 60px;
}

.testimonials-section .content-column .sec-title .subtitle {
    margin-bottom: 20px;
}

.testimonials-section .content-column .sec-title h2 {
    font-size: 40px;
    line-height: 1.5em;
}

.testimonials-section .content-column .inner {
    position: relative;
    padding-left: 50px;
}

.testimonials-section .content-column .content {
    position: relative;
    padding-left: 80px;
    min-height: 80px;
}

.testimonials-section .content-column .content .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 48px;
    line-height: 1.2em;
    color: #27d9b6;
}

.testimonials-section .content-column .content .text {
    line-height: 2.2em;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 50px;
    color: #00000a;
    opacity: 0.70;
}

.testimonials-section .content-column .content .quote-info {
    position: relative;
    padding-left: 70px;
    min-height: 50px;
}

.testimonials-section .content-column .content .quote-info .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
}

.testimonials-section .content-column .content .quote-info .name {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.6em;
    margin-bottom: 2px;
    color: #00000a;
}

.testimonials-section .content-column .content .quote-info .location {
    font-size: 16px;
    font-weight: 400;
    color: #cccccc;
    text-transform: capitalize;
    line-height: 1.6em;
}

.testimonial-carousel-one .owl-nav {
    position: absolute;
    right: 0px;
    bottom: 10px;
    width: 80px;
}

.testimonial-carousel-one .owl-nav .owl-prev,
.testimonial-carousel-one .owl-nav .owl-next {
    position: relative;
    display: block;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.30);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.testimonial-carousel-one .owl-nav .owl-prev:hover,
.testimonial-carousel-one .owl-nav .owl-next:hover {
    color: rgba(0, 0, 0, 1);
}

.testimonial-carousel-one .owl-nav .owl-prev {
    float: left;
}

.testimonial-carousel-one .owl-nav .owl-next {
    float: right;
}

.testimonials-section .image-column {
    position: relative;
    margin-bottom: 30px;
}

.testimonials-section.style-two .image-column {
    margin-bottom: 0px;
}

.testimonials-section.style-two .image-column img {
    display: block;
}

.testimonials-section .image-column .out-box {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1200px;
    height: 600px;
    overflow: hidden;
    border-radius: 300px;
    -webkit-transform: rotate(350deg) translate(-70px, 30px);
    -ms-transform: rotate(350deg) translate(-70px, 30px);
    -o-transform: rotate(350deg) translate(-70px, 30px);
    -moz-transform: rotate(350deg) translate(-70px, 30px);
    transform: rotate(350deg) translate(-70px, 30px);
}

.testimonials-section .image-column .out-box .image-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-transform: rotate(25deg) scale(1.5, 1.5);
    -ms-transform: rotate(25deg) scale(1.5, 1.5);
    -o-transform: rotate(25deg) scale(1.5, 1.5);
    -moz-transform: rotate(25deg) scale(1.5, 1.5);
    transform: rotate(25deg) scale(1.5, 1.5);
}

.testimonials-section .image-column .out-box .text-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.47);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: rotate(25deg) scale(1.5, 1.5);
    -ms-transform: rotate(25deg) scale(1.5, 1.5);
    -o-transform: rotate(25deg) scale(1.5, 1.5);
    -moz-transform: rotate(25deg) scale(1.5, 1.5);
    transform: rotate(25deg) scale(1.5, 1.5);
}

.testimonials-section .image-column .out-box .text-box .text {
    position: absolute;
    right: 25%;
    top: 20%;
    line-height: 1.2em;
    color: #ffffff;
    font-family: 'Syabab', serif;
    font-size: 110px;
    -webkit-transform: rotate(-25deg) scale(0.75, 0.75);
    -ms-transform: rotate(-25deg) scale(0.75, 0.75);
    -o-transform: rotate(-25deg) scale(0.75, 0.75);
    -moz-transform: rotate(-25deg) scale(0.75, 0.75);
    transform: rotate(-25deg) scale(0.75, 0.75);
}


/*** 

====================================================================
	Work Process Section
====================================================================

***/

.work-process {
    position: relative;
    /* padding: 120px 0px 100px; */
    /* background: -webkit-linear-gradient(top, #ff6f1f, #ff711f); */
    padding: 300px 0px;
    z-index: 1;
    overflow: hidden;
    /* background: #47ba22; */
    /* background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #89d48c 0%, #47ba22 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #89d48c 0%, #47ba22 100%); */
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #27d9b6bf 0%, #27d9b6 100%);
}

.work-process::before {
    content: '';
    position: absolute;
    right: 100px;
    margin-right: 200px;
    top: -395px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    -webkit-transform: skewX(280deg);
    -ms-transform: skewX(280deg);
    -o-transform: skewX(280deg);
    -moz-transform: skewX(280deg);
    transform: skewX(280deg);
}

.work-process::after {
    content: '';
    position: absolute;
    right: 50px;
    margin-right: 200px;
    bottom: -560px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    -webkit-transform: skewX(280deg);
    -ms-transform: skewX(280deg);
    -o-transform: skewX(280deg);
    -moz-transform: skewX(280deg);
    transform: skewX(280deg);
}

.work-process .animate_circle {
    position: absolute;
    bottom: 309px;
    height: 270px;
    left: 42px;
    max-width: 100%;
    animation-name: choosing-3-s2;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.work-process .animated_ring img {
    position: absolute;
    width: 100px;
    right: 73px;
    bottom: 23%;
}

.work-process .sec-title {
    margin-bottom: 120px;
}

.work-process .steps-box:before {
    content: '';
    position: absolute;
    left: -150px;
    right: -150px;
    height: 280px;
    display: block;
    background: url(../images/icons/work-steps-arrow.png) center center no-repeat;
}

.work-process .work-step {
    position: relative;
    margin-bottom: 50px;
}

.work-process .work-step .inner-box {
    position: relative;
    display: block;
    text-align: center;
}

.work-process .work-step .icon-box {
    position: relative;
    display: block;
    margin-bottom: 60px;
}

.work-process .work-step h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
}

.work-process .work-step h3 a {
    color: #090913;
}

.work-process .work-step h3 .count {
    color: #ffffff;
}

.work-process .work-step h3 a:hover {
    color: #ff742e;
}


/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    padding: 200px 0px 80px;
    z-index: 5;
}

.pricing-section .bg-img {
    position: absolute;
    left: -300px;
    height: 70%;
    bottom: -20px;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pricing-section.style-two {
    padding: 130px 0px 100px;
    background: #fcfeff;
}

.pricing-section .content-column {
    position: relative;
    margin-bottom: 30px;
}

.pricing-section .content-column .sec-title {
    margin-bottom: 50px;
}

.pricing-section.style-two .sec-title {
    margin-bottom: 70px;
}

.pricing-section .content-column .sec-title .subtitle {
    margin-bottom: 10px;
}

.pricing-section .content-column .sec-title h2 {
    font-size: 36px;
    line-height: 1.5em;
}

.pricing-section .content-column .inner {
    position: relative;
    padding-right: 70px;
}

.pricing-section .content-column .text {
    line-height: 1.8em;
    font-size: 15px;
    color: #00000a;
    margin-bottom: 40px;
}

.pricing-tabs .tab-btns {
    position: relative;
    display: inline-block;
    border-radius: 26px;
    overflow: hidden;
}

.pricing-tabs .tab-btns .tab-btn {
    position: relative;
    float: left;
    font-size: 16px;
    color: #00000a;
    min-width: 140px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px;
    padding: 11px 36px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
}

.pricing-tabs .tab-btns .tab-btn:first-child {
    border-radius: 25px 0px 0px 25px;
}

.pricing-tabs .tab-btns .tab-btn:last-child {
    border-left: none;
    border-radius: 0px 25px 25px 0px;
}

.pricing-tabs .tab-btns .active-btn {
    background: #ff742e;
    color: #ffffff;
    border-color: #ff742e;
}

.pricing-section .image-column {
    position: relative;
    margin-bottom: 30px;
}

.pricing-section .image-column .inner {
    position: relative;
    margin-top: -80px;
}

.pricing-section .image-column .out-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1200px;
    height: 650px;
    overflow: hidden;
    border-radius: 300px;
    -webkit-transform: rotate(350deg) translate(50px, -150px);
    -ms-transform: rotate(350deg) translate(50px, -150px);
    -o-transform: rotate(350deg) translate(50px, -150px);
    -moz-transform: rotate(350deg) translate(50px, -150px);
    transform: rotate(350deg) translate(50px, -150px);
}

.pricing-section .image-column .out-box .image-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -100px -100px;
    -webkit-transform: rotate(25deg) scale(1.5, 1.5);
    -ms-transform: rotate(25deg) scale(1.5, 1.5);
    -o-transform: rotate(25deg) scale(1.5, 1.5);
    -moz-transform: rotate(25deg) scale(1.5, 1.5);
    transform: rotate(25deg) scale(1.5, 1.5);
}

.pricing-section .pricing-tabs .pr-content {
    position: relative;
}

.pricing-section .price-column {
    position: relative;
    width: 370px;
}

.pricing-section.style-two .column {
    margin-bottom: 30px;
}

.pricing-section.style-two .price-column {
    width: 100%;
}

.pricing-section.style-two .price-column .col-inner {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.pricing-section.style-two .price-column .col-inner:hover {
    background: #8c47f4;
}

.pricing-section .pr-content .pr-tab {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transform: scale(0.8, 0.8) translateX(180px);
    -ms-transform: scale(0.8, 0.8) translateX(180px);
    -o-transform: scale(0.8, 0.8) translateX(180px);
    -moz-transform: scale(0.8, 0.8) translateX(180px);
    transform: scale(0.8, 0.8) translateX(180px);
}

.pricing-section .pr-content .pr-tab.active-tab {
    position: relative;
    z-index: 5;
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
}

.pricing-section .price-column .col-inner {
    position: relative;
    padding: 80px 30px;
    text-align: center;
    background: #f36e36e6;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 13px 5px rgb(0 0 0 / 15%);
}

.pricing-section .price-column .plan-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.8em;
}

.pricing-section .price-column .duration {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.8em;
}

.pricing-section .price-column .price {
    position: relative;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 2px;
    color: white;
    text-transform: uppercase;
    line-height: 1.8em;
    padding: 10px 0px 20px;
}

.pricing-section.style-two .price-column .col-inner:hover .price,
.pricing-section.style-two .price-column .col-inner:hover .plan-title {
    color: #ffffff;
}

.pricing-section .price-column .price sup {
    top: -10px;
}

.pricing-section .price-column .specs-list {
    position: relative;
    padding-bottom: 20px;
    color: white;
}

.pricing-section .price-column .specs-list li {
    position: relative;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.pricing-section.style-two .price-column .col-inner:hover .specs-list,
.pricing-section.style-two .price-column .col-inner:hover .duration {
    color: rgba(255, 255, 255, 0.60);
}

.pricing-section.style-two .price-column .col-inner:hover .theme-btn {
    color: #ffffff;
    background: none;
    border-color: #ffffff;
}


/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
    position: relative;
    overflow: hidden;
    padding-top: 340px;
    /* background: #fbda5f; */
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #ffb8ff 0%, #f9d1f9 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #ffb8ff 0%, #f9d1f9 100%);
    /* background: -webkit-linear-gradient(top, #f7fbfd, #ffffff);
    background: -ms-linear-gradient(top, #f7fbfd, #ffffff);
    background: -o-linear-gradient(top, #f7fbfd, #ffffff);
    background: -moz-linear-gradient(top, #f7fbfd, #ffffff); */
}

.news-section::before {
    content: '';
    position: absolute;
    right: 100px;
    margin-right: 200px;
    top: -370px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    transform: skewX(280deg);
}

.sponsors-section::after {
    content: '';
    position: absolute;
    right: 50px;
    margin-right: 200px;
    bottom: -550px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    transform: skewX(280deg);
}

.news-section .clearfix {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.news-section.style-two {
    background: #ffffff;
    padding: 120px 0px 0px;
}

.news-section.style-two:before {
    display: none;
}

.news-section .sec-title {
    margin-bottom: 120px;
}

.news-section.style-two .sec-title {
    margin-bottom: 70px;
}

.news-style-one {
    position: relative;
    margin-bottom: 30px;
    z-index: 99;
}

.news-style-one .inner-box {
    position: relative;
    display: block;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.news-style-one .image-box {
    position: relative;
    display: block;
}

.news-style-one .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.news-style-one .lower-box {
    position: relative;
    padding: 35px 25px;
}

.news-style-one .lower-box h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.news-style-one .lower-box h3 a {
    color: #090913;
}

.news-style-one .lower-box h3 a:hover {
    color: #ff742e;
}

.news-style-one .more-btn a {
    position: relative;
    font-size: 16px;
    color: #afafaf;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}

.news-style-one .more-btn a span {
    padding-left: 5px;
    font-size: 14px;
}

.news-style-one .more-btn a:hover {
    color: #090913;
}

.news-style-two {
    position: relative;
    margin-bottom: 50px;
}

.news-style-two .inner-box {
    position: relative;
    display: block;
}

.news-style-two .image-box {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.news-style-two .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.news-style-two .lower-box {
    position: relative;
}

.news-style-two .lower-box h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}

.news-style-two .lower-box h3 a {
    color: #090913;
}

.news-style-two .lower-box h3 a:hover {
    color: #ff742e;
}

.news-style-two .lower-box .text {
    position: relative;
    line-height: 1.8em;
    font-size: 15px;
    margin-bottom: 15px;
}

.news-style-two .more-btn a {
    position: relative;
    font-size: 16px;
    color: #afafaf;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}

.news-style-two .more-btn a span {
    padding-left: 5px;
    font-size: 14px;
}

.news-style-two .more-btn a:hover {
    color: #090913;
}

.content-side .news-details .news-style-two .lower-box h3 {
    margin-bottom: 20px;
}

.content-side .news-details .news-style-two .lower-box .text p {
    margin-bottom: 20px;
    font-size: 15px;
}

.content-side .news-details .news-style-two .lower-box .text strong {
    font-weight: 600;
    color: #000000;
}

.content-side .news-details .news-style-two blockquote {
    position: relative;
    padding: 50px 70px 50px 140px;
    background: #f4f7fb;
    font-size: 30px;
    color: #282828;
    font-weight: 500;
    line-height: 1.6em;
    border: none;
    margin: 40px 0px;
}

.content-side .news-details .news-style-two blockquote:before {
    content: '';
    position: absolute;
    left: 50px;
    top: 75px;
    width: 60px;
    border-bottom: 2px solid #282828;
}

.content-side .news-details .two-column {
    position: relative;
    margin-bottom: 10px;
}

.content-side .news-details .two-column .image-column {
    position: relative;
    margin-bottom: 30px;
}

.content-side .news-details .two-column img {
    display: block;
    width: 100%;
}

.content-side .news-details .post-options {
    position: relative;
    padding: 15px 0px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.content-side .news-details .post-options .post-tags {
    position: relative;
    float: left;
    margin-bottom: 20px;
    line-height: 24px;
}

.content-side .news-details .post-options .post-tags strong {
    padding-right: 12px;
    font-weight: 600;
    color: #000001;
}

.content-side .news-details .post-options .post-tags a {
    position: relative;
    color: #9a9a9a;
    display: inline-block;
}

.content-side .news-details .post-options .share-options {
    position: relative;
    float: right;
    margin-bottom: 20px;
    line-height: 24px;
}

.content-side .news-details .post-options .share-options li {
    position: relative;
    float: left;
    margin-left: 15px;
}

.content-side .news-details .post-options .share-options strong {
    padding-right: 5px;
    font-weight: 600;
    color: #000001;
}

.content-side .news-details .post-options .share-options li a {
    position: relative;
    color: #aaaaaa;
    display: inline-block;
}

.content-side .news-details .post-options .share-options li a:hover,
.content-side .news-details .post-options .post-tags a:hover {
    color: #000001;
}


/*** 

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section {
    position: relative;
    padding: 100px 0px 270px;
    text-align: center;
    /* margin-bottom: 70px; */
}

.sponsors-section.no-padding {
    padding: 40px 0px 350px;
    background-color: #f9d1f9;
}

.sponsors-section .owl-nav,
.sponsors-section .owl-dots {
    display: none;
}

.sponsors-section .image-box {
    position: relative;
}

.sponsors-section .image-box img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    opacity: 0.75;
    /* filter: invert(1); */
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.sponsors-section .image-box:hover img {
    opacity: 1;
}


/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
    position: relative;
    background-color: #112a6e;
}

.feature {
    position: absolute;
    top: -140px;
    margin: 0px 15%;
}


.feature svg {
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.1));
    fill: white;
}

.feature svg path {
    box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.2);
}

.feature .feature-text {
    top: 30px;
    position: absolute;
    padding: 10px 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.feature .feature-text h3 {
    font-size: 30px;
    font-weight: 700;
}

.feature .feature-text h3 span {
    color: #27d9b6;
}

.purchase-btn {
    padding: 10px 20px;
    height: 50px;
    background-color: #27d9b6;
    color: white;
    font-weight: 700;
    border: 2px solid #27d9b6;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.purchase-btn::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: -100%;
    background-color: white;
    left: 0px;
    z-index: -2;
    transition: all 0.3s ease-in-out;
}

.purchase-btn:hover::before {
    bottom: 0px;
}

.purchase-btn:hover {
    color: #27d9b6;
}

.feature .feature-text p {
    font-size: 18px;
}

.main-footer.style-two {
    background: #f8fbff;
}

.main-footer .auto-container {
    position: relative;
    z-index: 5;
}

.main-footer:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/background/pattern-1.png) center bottom no-repeat;
    z-index: 1;
}

.main-footer .widgets-section {
    position: relative;
    padding: 140px 0px 30px;
}

.main-footer.style-two .widgets-section {
    padding-top: 120px;
}

.main-footer .widgets-section .footer-column {
    margin-bottom: 30px;
}

.main-footer .footer-widget {
    position: relative;
}

.main-footer .footer-widget h2 {
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0px;
    margin-bottom: 25px;
    /* color:#222328; */
    color: white;
}

.main-footer .about-widget .logo {
    position: relative;
}

.main-footer .social-links {
    position: relative;
}

.main-footer .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.main-footer .social-links li a {
    position: relative;
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #b8b8b8;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-footer .social-links li a:hover {
    color: #27d9b6;
}

.main-footer .about-widget .contact-info {
    position: relative;
    font-size: 16px;
}

.main-footer .contact-info li {
    position: relative;
    display: block;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    color: #222222;
}

.main-footer .contact-info li:last-child {
    margin-bottom: 0px;
}

.main-footer .contact-info li a {
    color: white;
}

.main-footer .newsletter-widget {
    position: relative;
}

.main-footer .newsletter-form {
    position: relative;
    margin-bottom: 30px;
}

.main-footer .newsletter-widget .form-group {
    position: relative;
    margin: 0px;
}

.main-footer .newsletter-widget input[type="text"],
.main-footer .newsletter-widget input[type="email"],
.main-footer .newsletter-widget input[type="password"],
.main-footer .newsletter-widget select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 10px 40px 10px 20px;
    height: 46px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #e0e0e0;
    background: none;
    border-radius: 0px;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-footer .newsletter-widget input:focus,
.main-footer .newsletter-widget select:focus {
    border-color: #27d9b6;
}

.main-footer .newsletter-widget .send-btn {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #e0e0e0;
    font-size: 16px;
    background: none;
    cursor: pointer;
}

.main-footer .logo {
    margin-bottom: 30px;
}

.main-footer .links-widget .list li {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.main-footer .links-widget .list li a {
    position: relative;
    display: block;
    line-height: 24px;
    /* color:rgba(0,0,0,0.60); */
    color: white;
    text-transform: capitalize;
}

.main-footer .links-widget .list li a:hover {
    color: #27d9b6;
}

.main-footer .footer-bottom {
    position: relative;
    padding: 0px 0px 80px;
    line-height: 24px;
    font-size: 14px;
}

.main-footer .footer-bottom .copyright-text {
    position: relative;
    float: left;
    color: white;
}

.main-footer .footer-bottom .bottom-links {
    position: relative;
    float: right;
}

.main-footer .footer-bottom .bottom-links li {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.main-footer .footer-bottom .bottom-links li a {
    position: relative;
    display: block;
    color: #9c9c9f;
}

.main-footer .footer-bottom .bottom-links li a:hover {
    color: #27d9b6;
}

.main-footer .round-layer {
    position: absolute;
    right: 45%;
    top: 0px;
    width: 2000px;
    height: 600px;
    background: #f9fcfe;
    border-radius: 300px;
    -webkit-transform: rotate(-25deg) translateY(350px);
    -ms-transform: rotate(-25deg) translateY(350px);
    -o-transform: rotate(-25deg) translateY(350px);
    -moz-transform: rotate(-25deg) translateY(350px);
    transform: rotate(-25deg) translateY(350px);
}


/*** 

====================================================================
	About Us Section
====================================================================

***/

.about-section-two {
    position: relative;
    padding: 100px 0px;
    z-index: 5;
}

.about-section-two .outer-box {
    position: relative;
    min-height: 200px;
}

.about-section-two .content-column {
    position: relative;
    width: 50%;
    float: left;
}

.about-section-two .content-column .sec-title {
    margin-bottom: 60px;
}

.about-section-two .content-column .sec-title .subtitle {
    margin-bottom: 20px;
}

.about-section-two .content-column .sec-title h2 {
    font-size: 40px;
    line-height: 1.5em;
}

.about-section-two .content-column .inner {
    position: relative;
    float: right;
    padding-right: 50px;
    width: 100%;
    left: 80px;
    padding-left: 15px;
    max-width: 680px;
}

.about-section-two .content-column .content {
    position: relative;
    padding-left: 80px;
    min-height: 80px;
}

.about-section-two .content-column .content .icon {
    position: absolute;
    left: 0px;
    top: -7px;
    font-size: 48px;
    line-height: 1em;
    color: #ff742e;
}

.about-section-two .content-column .content h3 {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 500;
    color: #00000a;
    margin-bottom: 30px;
}

.about-section-two .content-column .content .text {
    line-height: 1.8em;
    font-size: 15px;
    margin-bottom: 15px;
}

.about-section-two .image-column {
    position: absolute;
    left: 50%;
    margin-left: 80px;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.about-section-two .image-column .image-box {
    position: relative;
    width: 100%;
    display: none;
}

.about-section-two .image-column .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.about-section-two .image-column .more-box {
    position: absolute;
    right: 80px;
    bottom: -45px;
    display: block;
    width: 300px;
    background: #ff742e;
    color: #ffffff;
}

.about-section-two .image-column .more-box:hover {
    opacity: 0.90;
}

.about-section-two .image-column .more-box a {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 15px;
    padding: 25px 50px;
    line-height: 24px;
    font-weight: 400;
}

.about-section-two .image-column .more-box a .sub {
    opacity: 0.50;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.about-section-two .image-column .more-box a .more {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.about-section-two .image-column .more-box a .more .icon {
    float: right;
}


/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
    position: relative;
    padding: 130px 0px 100px;
    background: #fcfdff;
}

.services-section-two .sec-title {
    margin-bottom: 20px;
}

.services-section-two .upper-box {
    position: relative;
    margin-bottom: 70px;
}

.services-section-two .upper-box .link-column {
    position: relative;
    padding-top: 50px;
}

.service-item-four {
    position: relative;
    margin-bottom: 30px;
}

.service-item-four .inner-box {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 55px 50px 50px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
}

.service-item-four .content-box {
    position: relative;
    display: block;
    padding-left: 100px;
    min-height: 80px;
}

.service-item-four .icon-box {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 80px;
}

.service-item-four .icon-box img {
    display: inline-block;
}

.service-item-four h3 {
    position: relative;
    display: block;
    color: #090913;
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.service-item-four h3 a {
    color: #090913;
}

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

.service-item-four .text {
    position: relative;
    display: block;
    color: #090913;
    font-weight: 500;
    opacity: 0.60;
    line-height: 1.8em;
}


/*** 

====================================================================
	Call To Action
====================================================================

***/

.call-to-action {
    position: relative;
    background: #4ae5c3;
    color: #ffffff;
    text-align: center;
    padding: 80px 0px 85px;
}

.call-to-action .auto-container {
    position: relative;
    z-index: 5;
}

.call-to-action:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/background/pattern-2.png) center top no-repeat;
    z-index: 1;
}

.call-to-action h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 15px;
}

.call-to-action .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.call-to-action .text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8em;
    margin-bottom: 30px;
}


/*** 

====================================================================
	Page Title Section
====================================================================

***/

.page-title {
    position: relative;
    padding: 300px 0px 120px;
    background: #f9fbff;
    background: -webkit-linear-gradient(bottom, #f8fbff, #ffffff);
    background: -ms-linear-gradient(bottom, #f8fbff, #ffffff);
    background: -o-linear-gradient(bottom, #f8fbff, #ffffff);
    background: -moz-linear-gradient(bottom, #f8fbff, #ffffff);
    z-index: 1;
}

.page-title:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/background/bg-page-title.png) center 65% no-repeat;
}

.page-title .auto-container {
    position: relative;
    z-index: 1;
}

.page-title h1 {
    position: relative;
    font-size: 56px;
    /* color: #4ae5c3; */
    color: #0e235e;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.page-title .breadcrumb-outer {
    position: relative;
    margin-top: 30px;
    padding-left: 180px;
}

.page-title .breadcrumb-outer:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 2px;
    width: 158px;
    border-bottom: 2px solid #4be6c4;
}

.page-title .bread-crumb {
    position: relative;
}

.page-title .bread-crumb li {
    position: relative;
    display: inline-block;
    line-height: 30px;
    margin-right: 20px;
    font-weight: 400;
    color: #00000a;
    font-size: 18px;
    text-transform: capitalize;
}

.page-title .bread-crumb li:before {
    content: '/';
    position: absolute;
    right: -22px;
    top: 2px;
    width: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}

.page-title .bread-crumb li:first-child {
    margin-left: 0px;
}

.page-title .bread-crumb li:last-child:before {
    display: none;
}

.page-title .bread-crumb li a {
    color: #00000a;
    font-weight: 400;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page-title .bread-crumb li a:hover {
    color: #ff742e;
}

/*** 

====================================================================
	About menta Section
====================================================================

***/

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

.about-menta .bg-img {
    position: absolute;
    right: -300px;
    height: 100%;
    bottom: -20px;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.about-menta .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.about-menta p {
    font-size: 25px;
    font-weight: 600;
}

.about-menta .imgs {
    position: relative;
}

.about-menta .menta-2 {
    position: absolute;
    right: 0px;
}

.read-btn {
    background-color: white;
    padding: 10px 20px;
    border: 2px solid #4ae5c3;
    color: #4ae5c3;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    margin: 20px 0px;
}

.read-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #4ae5c3;
    bottom: -100%;
    left: 0px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.read-btn:hover:before {
    bottom: 0px;
}

.read-btn:hover {
    color: white;
}

/*** 

====================================================================
	About Us Section
====================================================================

***/

.about-section-three {
    position: relative;
    padding: 150px 0px 80px;
}

.about-section-three .upper-title {
    position: relative;
    margin-bottom: 80px;
    max-width: 940px;
}

.about-section-three .upper-title h1 {
    font-size: 40px;
    color: #13192d;
    font-weight: 600;
    margin-bottom: 20px;
}

.about-section-three .upper-title .text {
    font-size: 20px;
    color: #13192d;
    opacity: 0.70;
    line-height: 1.8em;
}

.about-section-three .content-block {
    position: relative;
    margin-bottom: 50px;
}

.about-section-three .content-block .image-column {
    position: relative;
    margin-bottom: 20px;
}

.about-section-three .content-block .text-column {
    position: relative;
    margin-bottom: 20px;
}

.about-section-three .content-block .text-column .inner {
    position: relative;
    padding-top: 20px;
}

.about-section-three .content-block .text-column h2 {
    font-size: 28px;
    color: #13192d;
    font-weight: 500;
    margin-bottom: 30px;
}

.about-section-three .content-block .text-column .inner {
    font-size: 16px;
    color: #13192d;
    font-weight: 500;
    line-height: 1.8em;
}

.about-section-three .content-block .text-column .inner p {
    margin-bottom: 25px;
    opacity: 0.70;
    line-height: 1.9em;
}


/*** 

====================================================================
	Fun Facts Section
====================================================================

***/

.fun-facts-section {
    position: relative;
    padding: 100px 0px 70px;
    background: #704fff;
    color: #ffffff;
}

.fun-facts-section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/background/pattern-2.png) center top no-repeat;
}

.fun-facts-section .auto-container {
    position: relative;
    z-index: 1;
}

.fun-facts-section .column {
    position: relative;
    margin-bottom: 30px;
}

.fun-facts-section .column .inner {
    position: relative;
    text-align: center;
}

.fun-facts-section .column .content {
    position: relative;
}

.fun-facts-section .count-outer {
    position: relative;
    font-size: 42px;
    letter-spacing: 2px;
    line-height: 1.4em;
    font-weight: 600;
}

.fun-facts-section .count-outer .count-text {
    font-weight: 600;
}

.fun-facts-section .column .counter-title {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #ffffff;
}


/*** 

====================================================================
	Team Section
====================================================================

***/

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

.team-member {
    position: relative;
    margin-bottom: 50px;
}

.team-member .inner-box {
    position: relative;
    text-align: center;
}

.team-member .inner-box .image {
    position: relative;
    width: 245px;
    height: 245px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 30px;
}

.team-member .inner-box .lower-content {
    position: relative;
}

.team-member .inner-box .lower-content h3 {
    position: relative;
    color: #13192d;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.team-member .inner-box .lower-content .designation {
    position: relative;
    color: #878787;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
}


/*Social Icon One*/

.social-icon-two {
    position: relative;
}

.social-icon-two li {
    position: relative;
    display: inline-block;
    margin: 0px 0px;
}

.social-icon-two li a {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    font-size: 14px;
    color: #ffffff;
    line-height: 34px;
    border-radius: 50%;
    background-color: #0c141c;
    transition: all 500ms ease;
}

.social-icon-two li.facebook a {
    background-color: #0f5eb6;
}

.social-icon-two li.twitter a {
    background-color: #08c2ff;
}

.social-icon-two li.g-plus a {
    background-color: #08c2ff;
}

.social-icon-two li.g-plus a {
    background-color: #ff5f4e;
}

.social-icon-two li.dribbble a {
    background-color: #ff529b;
}

.social-icon-two li a:hover {
    opacity: 0.70;
}

.team-section .view-all {
    position: relative;
    padding-top: 30px;
}


/*** 

====================================================================
	Faq Section
====================================================================

 ***/

.faq-section {
    position: relative;
    overflow: hidden;
    padding: 130px 0px 100px;
}

.faq-section .faq-column {
    position: relative;
    margin-bottom: 30px;
}

.faq-section .faq-column .faq-title {
    position: relative;
    margin-bottom: 30px;
}

.faq-section .faq-column .faq-title h2 {
    position: relative;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 5px;
}

.faq-section .faq-column .faq-title .title-text {
    position: relative;
    font-size: 17px;
    color: rgba(0, 0, 0, 0.75);
}


/*Sidebar Search Form*/

.faq-section .faq-search-box {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
}

.faq-section .faq-search-box .form-group {
    position: relative;
    margin: 0px;
}

.faq-section .faq-search-box .form-group input[type="text"],
.faq-section .faq-search-box .form-group input[type="search"] {
    position: relative;
    line-height: 30px;
    color: #222222;
    display: block;
    font-size: 16px;
    width: 100%;
    height: 60px;
    padding: 14px 20px;
    border: 1px solid #ededed;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faq-section .faq-search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45px;
    height: 60px;
    line-height: 58px;
    text-align: left;
    display: block;
    font-size: 18px;
    color: #dddddd;
    background: none;
    font-weight: normal;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.faq-section .faq-search-box .form-group input:focus {
    border-color: #ff742e;
}


/*Accordion Box*/

.accordion-box {
    position: relative;
}

.accordion-box .block {
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 28px;
    border-bottom: 1px solid #f1f1f1;
}

.accordion-box .block:last-child {
    margin-bottom: 0px;
    border: 0px;
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 19px;
    cursor: pointer;
    line-height: 30px;
    color: #242424;
    font-weight: 500;
    padding: 0px 40px 0px 0px;
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.accordion-box .block .icon-outer {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    color: #dadada;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    width: 29px;
    height: 29px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-size: 16px;
    color: #dadada;
}

.accordion-box .block .icon-outer .icon-plus {
    opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
    opacity: 0;
    color: #ff742e;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
    opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 0;
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content .content-text {
    padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .content {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 50px 0px 0px;
}

.accordion-box .block .content p {
    margin-bottom: 20px;
    line-height: 1.8em;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.60);
}

.accordion-box .block .content p:last-child {
    margin-bottom: 0px;
}


/*Form Column*/

.faq-section .form-column {
    position: relative;
    margin-bottom: 30px;
}

.faq-section .form-column .form-inner {
    position: relative;
    padding-left: 60px;
}

.faq-section .form-column .form-inner h2 {
    position: relative;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 25px;
}


/*** 

====================================================================
	FAQ Form
====================================================================

 ***/

.faq-form {
    position: relative;
}

.faq-form .form-group {
    position: relative;
    margin-bottom: 22px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="password"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 15px 20px;
    height: 60px;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="password"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus {
    border-color: #ff742e;
}

.faq-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 32px;
    padding: 12px 20px;
    height: 190px;
    resize: none;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #ededed;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .theme-btn {
    position: relative;
    font-weight: 500;
    padding: 13px 30px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    background: #ff742e;
    border-color: #ff742e;
    line-height: 30px;
    font-size: 16px;
    width: 100%;
    display: block;
    border-radius: 0px;
}


/*** 

====================================================================
	Error Page
====================================================================

***/

.error-section {
    position: relative;
    padding: 150px 0px;
}

.error-section .error-image {
    position: relative;
}

.error-section .error-image img {
    position: relative;
    max-width: 100%;
}

.error-section h3 {
    position: relative;
    color: #26292d;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px;
    line-height: 1.4em;
}

.error-section .text {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
    color: rgba(0, 0, 0, 0.60);
}

.error-section .error-options {
    position: relative;
}

.error-section .error-options .or {
    position: relative;
    color: #2f2f2f;
    font-size: 18px;
    margin: 0px 18px;
    font-weight: 500;
}

.error-search-box {
    position: relative;
    margin-top: 12px;
    width: 360px;
    display: inline-block;
}

.error-search-box .form-group {
    position: relative;
    margin: 0px;
}

.error-search-box .form-group input[type="text"],
.error-search-box .form-group input[type="search"] {
    position: relative;
    line-height: 32px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #e0e0e0;
    display: block;
    font-size: 15px;
    width: 100%;
    height: 55px;
    border-radius: 3px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.error-search-box .form-group input:focus {
    border-color: #ff5926;
}

.error-search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 55px;
    width: 50px;
    line-height: 52px;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #c0c0c0;
    background: none;
    font-weight: normal;
}

.error-search-box .form-group input:focus+button,
.error-search-box .form-group button:hover {
    color: #ff5926;
}


/*** 

====================================================================
	Projects Section
====================================================================

***/

.projects-section {
    position: relative;
    padding: 150px 0px 120px;
}

.project-item {
    position: relative;
    margin-bottom: 30px;
}

.project-item .inner-box {
    position: relative;
    display: block;
}

.project-item .image-box {
    position: relative;
    display: block;
}

.project-item .image-box img {
    position: relative;
    display: block;
    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;
}

.project-item .image-box img:hover {
    opacity: 0.50;
}


/*** 

====================================================================
	Case Single Section
====================================================================

***/

.case-single {
    position: relative;
    padding: 150px 0px;
}

.case-single .cases-inner {
    position: relative;
}

.case-single .cases-inner .case-images {
    position: relative;
    margin-bottom: 60px;
}

.case-single .cases-inner .case-images .image-column {
    position: relative;
    margin-bottom: 30px;
}

.case-single .cases-inner .case-images .image-column .image {
    position: relative;
}

.case-single .cases-inner .case-images .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.case-single .cases-inner .cases-title {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

.case-single .cases-inner .cases-title h2 {
    position: relative;
    color: #13192d;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4em;
    border-right: 1px solid #ededed;
}

.case-single .cases-inner .cases-title .info-column {
    position: relative;
}

.case-single .cases-inner .cases-title .info-column .inner {
    position: relative;
    margin-top: 22px;
    margin-bottom: 20px;
}

.case-single .cases-inner .cases-title .info-column .inner h3 {
    position: relative;
    color: #171717;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}

.case-single .cases-inner .cases-title .info-column .inner .text {
    color: #b2b2b2;
    font-size: 16px;
}

.case-single .cases-inner .lower-content {
    position: relative;
    padding-top: 50px;
}

.case-single .cases-inner .lower-content .dark-text {
    position: relative;
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6em;
}

.case-single .cases-inner .lower-content .text {
    position: relative;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 500;
    margin-bottom: 50px;
    color: rgba(19, 25, 45, 0.75);
}

.case-single .cases-inner .lower-content .two-column {
    position: relative;
    padding-bottom: 40px;
}

.case-single .cases-inner .lower-content .two-column .column {
    position: relative;
    margin-bottom: 20px;
}

.case-single .cases-inner .lower-content .two-column .image img {
    position: relative;
    display: block;
}

.case-single .cases-inner .lower-content .two-column .column-inner {
    position: relative;
    padding-left: 40px;
    padding-top: 20px;
}

.case-single .cases-inner .lower-content .two-column .column-inner h3 {
    position: relative;
    color: #13192d;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.case-single .cases-inner .lower-content .two-column .column-inner .styled-text {
    position: relative;
    color: #8c8c8c;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 0px 0px 10px;
}

.case-single .cases-inner .lower-content .two-column .column-inner h4 {
    position: relative;
    color: #494949;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}


/*Post Controls*/

.post-controls {
    position: relative;
    padding-top: 50px;
    border-top: 1px solid #ededed;
}

.post-controls .prev-post {
    position: relative;
}

.post-controls .prev-post .inner {
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
}

.post-controls .prev-post .inner .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    color: #acacac;
    line-height: 40px;
    text-align: center;
    background-color: #f6f6f6;
    font-family: 'FontAwesome';
}

.post-controls .prev-post h3 {
    position: relative;
    color: #0e1e3a;
    font-size: 16px;
    font-weight: 600;
}

.post-controls .prev-post span {
    color: #a6a6a6;
}

.post-controls .next-post {
    position: relative;
}

.post-controls .next-post .inner {
    position: relative;
    padding-right: 60px;
    text-align: right;
}

.post-controls .next-post .inner .icon {
    position: absolute;
    right: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    color: #acacac;
    line-height: 40px;
    text-align: center;
    background-color: #f6f6f6;
    font-family: 'FontAwesome';
}

.post-controls .next-post h3 {
    position: relative;
    color: #0e1e3a;
    font-size: 16px;
    font-weight: 600;
}

.post-controls .next-post span {
    color: #a6a6a6;
}


/*** 

====================================================================
	Map Section Style
====================================================================

***/

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #121212;
}

.map-canvas {
    height: 520px;
}


/*** 

====================================================================
	create-nft Section Style
====================================================================

***/

.create-nft-section {
    padding: 40px 0px 200px;
    position: relative;
}

.create-nft-section::after {
    content: '';
    position: absolute;
    right: 50px;
    margin-right: 200px;
    bottom: -500px;
    width: 120%;
    height: 900px;
    background: #ffffff;
    transform: skewX(280deg);
}

.create-nft-section .sec-title {
    margin-bottom: 60px;
}

.create-nft-section .row {
    position: relative;
    display: flex;
    align-items: center;
}

.create-imgs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    animation: updown 5s linear infinite;
    z-index: 2;
}

@keyframes updown {
    0% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-30px);
    }
}

.swirl2 {
    /* width: 100%; */
    z-index: 2;
}

.swirl1 {
    position: absolute;
    width: 100%;
    z-index: 1;
    right: -100px;
}

.create-text {
    z-index: 3;
    margin: auto auto;
}

.cards {
    display: flex;
    justify-content: center;
}

.card {
    border-radius: 10px;
    border: 2px solid transparent;
    box-shadow: 0px 0px 10px rgb(144 84 201 / 50%);
    text-align: center;
    padding: 10px;
    width: 45%;
    height: 300px;
    margin: 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 3;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* transform-style: preserve-3d; */
}

.card-body {
    padding: 10px;
    /* border: 1px solid rgba(0, 0, 0, 0.397); */
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.card1 {
    background-color: rgb(155, 93, 255);
}

.card2 {
    background-color: rgb(34, 148, 255);
    position: relative;
    top: -50px;
}

.card3 {
    background-color: #6ccf50;
}

.card4 {
    background-color: #ff8fff;
    position: relative;
    top: -50px;
}

.card-body i {
    color: white;
    font-size: 30px;
    margin: 20px 0px;
}

.card:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 30%;
    background-color: white;
    bottom: 10px;
    right: 10px;
    transition: all 0.3s ease-in-out;
}

.card:after {
    content: "";
    position: absolute;
    width: 25%;
    height: 3px;
    background-color: white;
    bottom: 10px;
    right: 12px;
    transition: all 0.3s ease-in-out;
}


.card-body img {
    margin-bottom: 10px;
}

.card-body h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
    color: white;
}

.card-body p {
    line-height: 1.2em;
    font-weight: 500;
    font-size: 13px;
    color: white;
}

.shape1 {
    /* height: 10px; */
    width: 30px;
    position: absolute;
    animation: movingleftright3 20s linear infinite;
    z-index: 2;
    top: 10px;
}

.shape2 {
    /* height: 10px; */
    width: 80px;
    position: absolute;
    right: 0px;
    top: -80px;
    animation: movingleftright4 20s linear infinite;
    z-index: 2;
}

.shape3 {
    /* height: 10px; */
    width: 50px;
    position: absolute;
    bottom: -20px;
    animation: movingleftright3 10s linear infinite;
    z-index: 2;
}

.shape4 {
    /* height: 10px; */
    /* width: 50px; */
    position: absolute;
    bottom: -350px;
    left: 100px;
    transform: rotate(130deg);
    /* animation: movingleftright3 10s linear infinite; */
    z-index: 2;
}

@keyframes movingleftright3 {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }

    33% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    80% {
        -webkit-transform: translateX(5px) translateY(-20px);
        transform: translateX(5px) translateY(-20px);
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

@keyframes movingleftright4 {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }

    40% {
        -webkit-transform: translateX(5px) translateY(-20px);
        transform: translateX(5px) translateY(-20px);
    }

    75% {

        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

/*** 

====================================================================
	Contact Section Style
====================================================================

***/

.contact-form-section {
    position: relative;
    padding: 150px 0px 120px;
}

.contact-form-section .form-column {
    position: relative;
}

.contact-form-section .form-column .column-inner {
    position: relative;
    padding-right: 70px;
}

.contact-form-section .contact-info-column {
    position: relative;
    margin-bottom: 30px;
}

.contact-form-section .contact-info-column .inner {
    position: relative;
}

.contact-form-section .contact-info-column .sec-title {
    position: relative;
    padding-top: 20px;
    margin-bottom: 40px;
}

.contact-form-section .contact-info-column .sec-title h2 {
    position: relative;
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    line-height: 1.4em;
}

.contact-form-section .contact-info-column .inner .text {
    position: relative;
    color: #8c8c8c;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.contact-form-section .contact-info-column .inner .text .phone {
    color: #00000a;
    display: block;
    font-weight: 500;
    font-size: 28px;
}

.contact-form-section .social-links li {
    position: relative;
    float: left;
    margin-right: 10px;
}

.contact-form-section .social-links li a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #dddddd;
    line-height: 37px;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.contact-form-section .social-links li a:hover {
    color: #0c141c;
    border-color: #0c141c;
}


/*** 

====================================================================
	Contact Form
====================================================================

 ***/

.contact-form {
    margin-top: 10px;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 35px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0px 0px 16px;
    color: #000000;
    border-bottom: 1px solid #e0e0e0;
    height: 41px;
    font-size: 16px;
    background: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus {
    border-color: #4ae5c3;
}

.contact-form .form-group textarea {
    height: 150px;
    resize: none;
}

.contact-form button {
    position: relative;
    padding: 14px 40px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    color: #ff0000;
    font-weight: 500;
}


/*** 

====================================================================
	Sidebar Page
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 150px 0px 120px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side {
    margin-bottom: 30px !important;
}

.sidebar {
    position: relative;
}

.blog-sidebar {
    position: relative;
    padding-left: 35px;
}

.sidebar .sidebar-widget {
    position: relative;
    margin-bottom: 40px;
}

.sidebar .sidebar-widget .sidebar-title {
    position: relative;
    margin-bottom: 20px;
}

.sidebar-widget .sidebar-title h3 {
    position: relative;
    font-size: 28px;
    font-weight: 600;
    color: #242424;
    text-transform: capitalize;
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 24px;
    padding: 15px 40px 12px 20px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: #222222;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 56px;
    border-radius: 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
    border-color: #ff7d27;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 56px;
    width: 50px;
    line-height: 56px;
    display: block;
    font-size: 16px;
    color: #cccccc;
    background: none;
    font-weight: normal;
}

.sidebar .search-box .form-group input:focus+button,
.sidebar .search-box .form-group button:hover {
    color: #ff7d27;
}

.sidebar .popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666666;
    padding: 15px 0px;
    border-top: 1px solid #f0f0f0;
}

.sidebar .popular-posts .post:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.sidebar .popular-posts .text {
    font-size: 20px;
    line-height: 1.4em;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.sidebar .popular-posts .text a {
    color: #000000;
}

.sidebar .popular-posts .text a:hover {
    color: #ff7d27;
}

.sidebar .popular-posts .post .date {
    position: relative;
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #b1b1b1;
}

.sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    margin: 0px 5px 8px 0px;
    line-height: 24px;
    padding: 8px 22px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    text-align: center;
    font-size: 14px;
    color: #878787;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
    background-color: #ff7d27;
    border-color: #ff7d27;
    color: #ffffff;
}

.sidebar .archive-list {
    position: relative;
}

.sidebar .archive-list li {
    position: relative;
    line-height: 24px;
    border-top: 1px solid #f0f0f0;
}

.sidebar .archive-list li:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.sidebar .archive-list li a {
    position: relative;
    display: block;
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .archive-list li a:hover {
    color: #ff7d27;
}

.sidebar .list {
    position: relative;
}

.sidebar .list li {
    position: relative;
    line-height: 24px;
}

.sidebar .list li:last-child {
    border-bottom: none;
}

.sidebar .list li a {
    position: relative;
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 0px 5px 25px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .list li a:before {
    font-family: 'FontAwesome';
    content: "\f178";
    position: absolute;
    left: 0px;
    top: 4px;
    display: block;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.sidebar .list li a:hover {
    color: #ff7d27;
}

.sidebar .service-list {
    position: relative;
    border: 1px solid #f0f0f0;
}

.sidebar .service-list li {
    position: relative;
    line-height: 24px;
}

.sidebar .service-list li a {
    position: relative;
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding: 12px 25px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .service-list li:last-child a {
    border-bottom: none;
}

.sidebar .service-list li a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 12px;
    display: block;
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.sidebar .service-list li a:hover,
.sidebar .service-list li.current a {
    color: #ffffff;
    background: #ff7d27;
    border-color: #ff7d27;
}

.sidebar .downloads h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.sidebar .downloads .text {
    line-height: 1.8em;
    margin-bottom: 20px;
}

.sidebar .download-list li {
    position: relative;
    margin-bottom: 10px;
}

.sidebar .download-list li a {
    position: relative;
    display: block;
    color: #666666;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 25px;
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.sidebar .download-list li a:hover {
    color: #ffffff;
    background: #ff7d27;
    border-color: #ff7d27;
}

.sidebar .download-list li .fa {
    font-size: 14px;
    padding-right: 15px;
}


/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
    position: relative;
    margin-bottom: 80px;
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-page-container .group-title h2 {
    font-size: 36px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 600;
}

.sidebar-page-container .group-title .text {
    font-size: 16px;
    padding: 10px 0px;
    line-height: 1.8em;
}

.comments-area .comment-box {
    position: relative;
}

.comments-area .comment {
    position: relative;
    margin-bottom: 50px;
}

.comments-area .comment-box .comment:last-child {
    margin-bottom: 0px;
}

.comments-area .comment .comment-content {
    position: relative;
    padding: 0px;
}

.comments-area .reply-comment {
    margin-left: 110px;
}

.comments-area .comment .comment-inner {
    position: relative;
    padding-left: 110px;
    min-height: 80px;
}

.comments-area .comment .author-thumb {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 80px;
}

.comments-area .comment .author-thumb img {
    width: 100%;
    display: block;
}

.comments-area .comment .comment-info {
    position: relative;
    color: #a5a5a5;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

.comments-area .comment .comment-info h4 {
    position: relative;
    color: #000000;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 30px;
}

.comments-area .comment .text {
    position: relative;
    line-height: 2em;
}

.comments-area .comment .reply {
    position: absolute;
    right: 0px;
    top: 5px;
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.comments-area .comment .reply .fa {
    font-style: normal;
    padding-right: 5px;
}

.comments-area .comment .reply:hover {
    color: #ff7d27;
}


/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .form-group {
    position: relative;
    margin-bottom: 40px;
}

.comment-form .form-group .field-label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
    color: #2a2a2a;
    text-transform: capitalize;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select,
.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0px 0px 24px;
    color: #333333;
    border-bottom: 2px solid #0c141c;
    height: 50px;
    font-size: 16px;
    background: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #ff7d27;
}

.comment-form .form-group textarea {
    resize: none;
    height: 200px;
}

.comment-form button {
    position: relative;
    padding: 12px 35px;
}


/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 25px 10px 0px;
}

.styled-pagination li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 0px 0px;
    font-size: 24px;
    text-transform: capitalize;
    background: none;
    color: #d1d1d1;
    font-weight: 400;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active,
.styled-pagination li.next a {
    color: #13192d;
}

.text-white {
    color: white !important;
}

.shape_1 {
    position: absolute;
    top: 60px;
    right: -30px;
    z-index: -1;
    transform: rotate(350deg);
}

.shape_2 {
    position: absolute;
    bottom: 0px;
    left: -3px;
    z-index: -1;
}

.shape_img_1 {
    position: absolute;
    z-index: -1;
    bottom: 25%;
    animation: movingleftright1 infinite 16s;
    left: 7%;
}

.shape_img_1 img {
    filter: sepia(1);
}

.shape_img_2 {
    position: absolute;
    z-index: -1;
    bottom: 40%;
    right: -2%;
    animation: movingleftright2 infinite 12s;
}

.shape_img_3 {
    position: absolute;
    z-index: -1;
    top: 30%;
    left: 40%;
    animation: movingleftright1 infinite 22s;
}


/* .main_circle_img {
    position: relative;
} */

.shape_img_cricle {
    top: 140px;
    right: 85px;
    position: absolute;
    z-index: -1;
    width: 455px;
}

.shape_img_yellow {
    top: 230px;
    right: 30px;
    position: absolute;
    z-index: -1;
    width: 415px;
    -webkit-animation: spin-right 10s linear infinite;
    animation: spin-right 10s linear infinite;
}

.shape_not_1 {
    position: absolute;
    left: 60px;
    top: 30%;
    animation: image_move_rotate2 4s infinite linear;
    z-index: -1;
}

.shape_not_2 {
    position: absolute;
    left: 60px;
    top: 70%;
    animation: image_move_rotate1 4s infinite linear;
    z-index: -1;
}

.slides-shape-1 {
    position: absolute;
    bottom: 35%;
    right: 50px;
    z-index: 1;
}

.slides-shape-1 img {
    animation-name: rotateme;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -1;

}

.line_img {
    position: absolute;
    top: 20%;
    right: 0;
    z-index: -1;
}

.line_img img {
    filter: invert(0) grayscale(1) contrast(100) brightness(100);
}

.line_img_2 {
    position: absolute;
    top: 50%;
    left: 0;
}

.line_img_2 img {
    filter: invert(0) grayscale(1) contrast(100) brightness(100);
}

.news_shape_1 {
    position: absolute;
    top: 20%;
    right: 20%;
}

.news_shape_1 img {
    filter: invert(1) grayscale(1) contrast(100) brightness(100);
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-right {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes movingleftright1 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(50px) translateY(-200px);
        transform: translateX(50px) translateY(-200px);
    }

    75% {
        -webkit-transform: translateX(800px);
        transform: translateX(800px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@keyframes movingleftright2 {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    40% {
        -webkit-transform: translateX(-50px) translateY(200px);
        transform: translateX(-50px) translateY(200px);
    }

    75% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
}

@keyframes image_move_rotate2 {
    0% {
        transform: translate(0px, 0px) rotate(0);
    }

    25% {
        transform: translate(10px, 10px) rotate(-5deg);
    }

    50% {
        transform: translate(-5px, 15px) rotate(-10deg);
    }

    75% {
        transform: translate(-10px, 5px) rotate(-5deg);
    }

    100% {
        transform: translate(0, 0) rotate(0);
    }
}

@keyframes image_move_rotate1 {
    0% {
        transform: translate(0px, 0px) rotate(0);
    }

    25% {
        transform: translate(-10px, -10px) rotate(5deg);
    }

    50% {
        transform: translate(-20px, 0px) rotate(0);
    }

    75% {
        transform: translate(-10px, -10px) rotate(-2deg);
    }

    100% {
        transform: translate(0, 0) rotate(0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*** 

====================================================================
	roadmap
====================================================================

***/


.roadmap {
    padding: 300px 0px 150px;
    /* position: relative; */
    background-color: #fafbff;
}


.roadmap h2 {
    font-size: 38px;
    font-weight: 700;
    /* letter-spacing: 0.1em; */
    line-height: 1.32;
    font-family: 'Montserrat', sans-serif;
    color: #ee3364;
    margin: 50px 0px;
}

.roadmap h2 span {
    color: #00bec5;
}

.road-img {
    position: relative;
}

.road-img .img-1 {
    margin: 0px 170px;
    width: 700px;
    height: 430px;
    z-index: 2;
    position: relative;
}

.road-img .img-2 {
    height: 320px;
    width: 520px;
    position: absolute;
    top: -210px;
    right: -110px;
    z-index: 2;
}

.road-img .img-3 {
    position: absolute;
    bottom: -80px;
    opacity: 0.5;
    left: 50px;
    height: 300px;
    width: 300px;
    z-index: 1;
    background-image: url("../images/bubble-yellow.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.road-img .img-4 {
    position: absolute;
    top: 50px;
    opacity: 1;
    right: 0px;
    height: 190px;
    width: 240px;
    z-index: 1;
    background-image: url("../images/dots.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.road-img .img-5 {
    position: absolute;
    top: -100px;
    left: -200px;
    height: 200px;
    width: 240px;
    background: url('../images/tri_blue.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: updown 10s ease-in-out;
}

/*** 

====================================================================
	Unique
====================================================================

***/

.unique {
    padding: 0px 7% 100px;
}

.unique h3 {
    margin: 25px auto 50px;
    width: max-content;
    font-size: 36px;
    font-weight: 600;
}

.unique .row {
    display: flex;
    align-items: center;
}

.unique-cs-in {
    display: flex;
}

.unique-card {
    /* height: 100px;
    width: 100px; */
    position: relative;
    z-index: 2;
    padding: 100px 35px;
    margin: 15px;
}

.unique-card h2 {
    color: #112a6e;
}

.unique-card:hover h2,
.unique-card:hover p {
    transform: translateY(-10px);
    color: #27d9b6;
}

.unique-card:hover p {
    color: white;
}


.unique-card h2 {
    line-height: 1.3;
    font-weight: 700;
    font-size: 24px;
    transition: all 0.3s ease-in-out;
}

.unique-card p {
    transition: all 0.5s ease-in-out;
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.unique-card-1 {
    text-align: end;
}

.unique-card::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: "";
    transform: skewY(-10deg);
    background-color: #f6f7ff;
    border-radius: 5px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}

.unique-card:hover::before {
    background-color: #112a6e;
}

.unique-card .icons {
    width: min-content;
    position: absolute;
    right: 0px;
    top: -35px;
    padding: 15px;
}

.unique-card .icons i {
    color: #f6f7ff;
    font-size: 40px;
    transition: all 0.3s ease-in-out;
}

.unique-card .icon2 {
    left: 0px;
}

.unique-card .icons:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: "";
    transform: skewY(-10deg);
    background-color: #27d9b6;
    border-radius: 5px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.unique-card:hover .icons:before {
    background-color: #f6f7ff;
}

.unique-card:hover .icons i {
    color: #27d9b6;
}

.unique-card .icon2:before {
    transform: skewY(10deg);
}

.unique-card-2::before {
    transform: skewY(10deg);
}




/*** 

====================================================================
    contact section
====================================================================

***/

.contact-section {
    /* background-image: url("../images/parallax.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    /* height: 100vh; */
    position: relative;
    padding: 100px 0px 200px;
}



.contact-section h2 {
    /* font-family: 'Playfair Display', serif; */
    font-size: 40px;
    font-weight: 600;
    margin: 0px 0px 50px;
}

.contact-section h2 i {
    position: relative;
}

.contact-section h2 i::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0px;
    background-color: rgb(39, 217, 182, 0.5)
}

.contact-section .row {
    display: flex;
    justify-content: center;
}

.form-col {
    padding: 0px;
}

.contact-section form {
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 40px 50px;
}

.contact-section form label {
    /* font-family: 'Playfair Display'; */
    font-size: 20px;
    margin-top: 20px;
}

.contact-section form input,
.contact-section form textarea {
    padding: 20px 0px;
    border-bottom: 3px solid #efefef;
}

.contact-section form .form-group {
    display: flex;
    flex-direction: column;
}

.contact-section form .submit-btn {
    background-color: #27d9b6;
    font-size: 16px;
    font-weight: 500;
    color: white;
    border-radius: 0px;
    padding: 10px 20px;
    margin: 20px 0px 0px 0px;
    border: 2px solid #27d9b6;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}

.contact-section form .submit-btn i {
    color: #27d9b6;
    background-color: white;
    border-radius: 150px;
    padding: 5px;
    margin: 0px 10px 0px 0px;
    transition: all 0.2s ease-in-out;
}

.contact-section .address-col {
    margin-top: 115px;
}

.contact-section form .submit-btn::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: white;
    bottom: -100%;
    left: 0px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.contact-section form .submit-btn:hover {
    color: #27d9b6;
}

.contact-section form .submit-btn:hover::before {
    bottom: 0px;
}

.contact-section form .submit-btn:hover i {
    transform: rotate(-90deg);
}

.contact-section .address {
    display: flex;
    background-color: white;
    padding: 40px 60px;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.contact-section .address .img1 {
    z-index: 3;
    height: 100%;
    margin: 0px 20px 0px 0px;
}

.contact-section .address .bg {
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 2;
}

.contact-section .info h3 {
    font-size: 18px;
}

.contact-section .social img {
    height: 30px;
    margin-top: 20px;
    margin: 20px 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.contact-section .social img:hover {
    transform: translateY(-5px);
}


/* video */

.video .video-col {
    background: url('../images/attachment-80.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* height: 60vh; */
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video .video-col a {
    background-color: #ee3364;
    height: 100px;
    width: 100px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    align-items: center;
    display: flex;
    z-index: 2;
    justify-content: center;
    font-size: 30px;
    z-index: 3;
    color: black;
}


.video .video-col a:hover {
    height: 120px;
    width: 120px;
    color: white;
}

.video .vid-next {
    background-color: #1e1e1e;
    height: 520px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 100px;
}

.video .vid-next h2 {
    color: white;
    font-size: 38px;
    font-weight: 700;
    font-family: Montserrat;
    line-height: 1.32;
}

.video .vid-next h2 span {
    color: #00bec5;
}

.video .vid-next .learn-btn {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    width: 200px;
    margin: 50px 0px;
    padding: 12px;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.video .vid-next .learn-btn:before {
    content: "";
    background-color: white;
    position: absolute;
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.video .vid-next .learn-btn:hover {
    color: black !important;
}

.video .vid-next .learn-btn:hover:before {
    bottom: 0px;
}

/*** 

====================================================================
    services section 2
====================================================================

***/

.services-section2 {
    padding: 100px 0px;
    position: relative;
    overflow: hidden;
}

.services-section2 .row {
    display: flex;
    flex-wrap: wrap;
}

.services-section2 .icon-box img {
    /* filter: grayscale(1); */
}

.services-section2 .sec-title .text-white {
    color: #0e235e !important;
}

.services-section2 .service-item-two .inner-box:before {
    background-color: #0e235e;
    height: 530px;
}

.services-section2 .service-item-two .inner-box:hover:before {
    background-color: #f6f7ff;
}

.services-section2 .service-item-two .inner-box:hover h3 a {
    color: #0e235e;
}

.services-section2 .service-item-two .inner-box:hover .text {
    color: #0e235e;
}

.services-section2 .service-item-two h3 a {
    color: #4ae5c3;
}

.services-section2 .service-item-two .text {
    color: white;
}

.services-section2 .btn-style-two {
    background-color: #0e235e;
    color: white;
}

.services-section2 .bg-img {
    position: absolute;
    left: -300px;
    height: 70%;
    /* bottom: -20px; */
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.services-section2 .icon-box img {
    width: 150px;
}

/*** 

====================================================================
    What are NFT's
====================================================================

***/

.what {
    padding: 0px 0px;
    position: relative;
}

.what .row {
    display: flex;
    align-items: center;

}

.what p {
    font-size: 18px;
    font-weight: 500;
}

.what .what-text {
    padding: 0px 100px;
}

.what .first-p {
    color: #0f5eb6;
    margin-bottom: 0px;
}

.what h2 {
    font-size: 40px;
    font-weight: 700;
    color: #4be6c7;
    margin-bottom: 15px;
}

.what-img {
    padding-right: 0px;
    padding-left: 0px;
}


.what-img2 {
    padding-left: 0px;
    padding-right: 0px;
}

.what .bg-img {
    position: absolute;
    left: -300px;
    height: 70%;
    top: 10%;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.what .bg-img2 {
    position: absolute;
    right: -300px;
    height: 70%;
    top: 10%;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*** 

====================================================================
    MINT
====================================================================

***/

.mint {
    position: relative;
    padding: 100px 0px 0px;
    overflow: hidden;
}

.mint .mint-portion {
    padding: 50px 0px 100px;
    position: relative;
    display: flex;
}

.mint .mint-portion .examples {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mint .mint-portion h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Exo', sans-serif;
    color: #10296d;
    margin-bottom: 50px;
}

.mint:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 95%;
    left: 0px;
    top: 0px;
    border-radius: 50px;
    background-color: #f7f7ff;
    transform: skewy(-5deg);
}

.mint .mint-portion p {
    font-size: 15px;
    font-weight: 500;
    color: black;
    margin: 10px 0px;
    position: relative;
    left: 50px;
    transition: all 0.3s ease-in-out;
}

.mint .mint-portion p i {
    background-color: #22e6c2;
    color: white;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    left: -50px;
}

.mint .mint-portion p:hover {
    transform: translateY(-5px);
}









@media only screen and (max-width:1440px) {
    .what .what-text {
        padding: 0px 40px;
    }
}

@media only screen and (max-width: 1100px) {
    .hero-abs {
        max-width: 45rem;
        min-width: 45rem;
        margin-left: 0%;
    }

    .hero-img svg {
        width: 35rem;
    }

    .hero-img {
        padding-left: 10px;
    }

    .main-banner .banner-inner h2 {
        margin-bottom: 25px;
    }

    .main-banner .banner-inner .text {
        margin-bottom: 50px;
    }

    .roadmap {
        padding: 200px 0px 150px;
    }

    .feature {
        margin: 0px 7%;
    }

    .feature svg {
        width: 900px;
    }

    .feature .feature-text {
        top: 50px;
    }

    .work-process::after {
        bottom: -530px;
    }

    .sponsors-section::after {
        bottom: -500px;
    }

    .services-section::after {
        bottom: -530px;
    }

    .unique {
        padding: 0px 0% 100px;
    }

    .unique-card {
        padding: 65px 25px 35px;
    }

    .unique-card .icons {
        top: -15px;
    }

    .unique-card {
        margin: 10px;
    }

    .what .what-text {
        padding: 0px 20px;
    }

    .what p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 900px) {
    .hero-abs {
        max-width: 40rem;
        min-width: 40rem;
        left: -10px;
    }

    .hero-img svg {
        width: 35rem;
    }

    .shape_1 {
        transform: rotate(0deg);
        top: 0px;
    }

    .roadmap {
        padding: 100px 0px 150px;
    }

    .roadmap h2 {
        font-size: 30px;
    }

    .road-img {
        position: relative;
    }

    .what-we-do .bg-img,
    .testimonials-section .bg-img,
    .pricing-section .bg-img,
    .about-menta .bg-img,
    .services-section2 .bg-img,
    .what .bg-img,
    .what .bg-img2 {
        z-index: -1;
        height: 70%;
    }

    .road-img .img-2,
    .road-img .img-1 {
        position: relative;
        height: auto;
        width: auto;
        top: 0px;
        left: 0px;
        margin: 10px 0px;
    }

    .road-img .img-4 {
        display: none;
    }

    .create-imgs {
        display: none;
    }

    .news-section {
        padding-top: 150px;
    }

    .sponsors-section.no-padding {
        padding: 40px 0px 170px;
    }

    .feature {
        display: none;
    }

    .contact-section .row {
        flex-wrap: wrap;
    }

    .contact-section .address-col {
        margin-top: 50px;
    }

    .unique-img {
        display: none;
    }

    .unique-card .icons {
        top: -27px;
    }

    .about-menta {
        padding: 20px 0px;
    }

    .about-menta p {
        font-size: 15px;
    }

    .main-header.inner-page .main-box .logo-box {
        /* margin: auto; */
    }

    .projects-section {
        padding: 50px 0px;
    }

    .what .row {
        flex-wrap: wrap;
    }

    .what-2 .row {
        flex-wrap: wrap-reverse;
    }

    .what-professional p {
        font-size: 15px;
    }

    .mint .mint-portion p {
        width: 80%;
        font-size: 13px;
    }

    .mint .mint-portion {
        flex-wrap: wrap;
    }

    .mint .mint-portion img {
        display: none;
    }
}


@media only screen and (max-width: 700px) {
    .roadmap {
        padding: 100px 0px 150px;
    }

    .roadmap h2 {
        font-size: 30px;
    }

    .road-img .img-2,
    .road-img .img-1 {
        position: relative;
        height: auto;
        width: auto;
        top: 0px;
        left: 0px;
        margin: 10px 0px;
    }

    .road-img .img-4,
    .road-img .img-5 {
        display: none;
    }

    .contact-section form {
        padding: 30px 20px;
    }

    .form-col {
        padding: 0px 15px;
        margin: 0px 0px 15px 0px;
    }

    .address-col {
        margin-top: 15px;
    }

    .video .vid-next {
        padding: 0px 9%;
    }

    .hero-img {
        display: none;
    }

    .cards {
        flex-wrap: wrap;
    }

    .card {
        width: 100%;
    }

    .card1,
    .card2,
    .card3,
    .card4 {
        top: 0px;
    }

    .unique-cs-in {
        flex-wrap: wrap;
    }

    .unique-card::before {
        transform: skewY(0deg);
    }

    .unique h3 {
        font-size: 28px;
        line-height: 1.5em;
    }

    .bg-img,
    .bg-img2 {
        display: none;
    }

    .main-header .main-box .logo-box .logo img {
        height: 55px;
        max-width: auto;
    }

    .what h2 {
        font-size: 25px;
    }

    .what .what-text {
        margin: 10px 0px;
    }
}

.collapse:not(.show) {
    display: block !important;
}