/*------------------------------------------------------------------
[Master Stylesheet]

Project:  Hostiko
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. About us  Section
5. Services Section
6. Who we are Section
7. What we do Section
8. Pricing  Section
9. Choice Section
10. Testimonials Section
11. Blog Section
12. Contact Section
13. Footer Section
*/


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


:root {
    --e-global-color-primary: #000000;
    --e-global-color-secondary: #000000;
    --e-global-color-text: #727272;
    --e-global-color-accent: #007bff;
    --e-global-color-white: #ffffff;
    --e-global-color-black: #000000;
    --e-global-color-dark-blue: #00238a;
    --e-global-color-very-pale: #f2f8ff;
    --e-global-color-dark-moderate-blue: #001328;
    --e-global-color-light-grayish-orange: #fffcf7;
    --e-global-color-very-dark-gray-mostly-black: #181818;
    --e-global-color-very-soft-orange: #fee2b4;
    --e-global-color-light-grayish-magenta: #feeafe;
    --e-global-color-very-pale-cyan: #c3faff;
    --e-global-color-very-light-gray-mostly-white: #fafafa;
    --e-global-color-very-pale-lime-green: #ceffc0;
    --e-global-color-very-pale-mostly-white-red: #fff6f6;
    --e-global-color-very-pale-mostly-white-violet: #f9f4ff;
    --e-global-color-bright-orange: #fbaa30;
    --e-global-color-soft-blue: #5264e8;
    --e-global-color-soft-violet: #ac7be6;
    --e-global-color-light-orange: #efeadb;
    --e-global-color-very-pale-mostly-white-cyan: #f4feff;
    --e-global-color-light-grayish-blue: #c4ccde;
    --e-global-color-moderate-blue: #4f6282;
    --e-global-color-very-pale-yellow: #fdffc7;
    --e-global-color-light-magenta: #f7f3f7;
    --e-global-color-box-one: #fffff6;
    --e-global-color-box-two: #fffbff;
    --e-global-color-box-three: #f8fff6;
    --e-global-color-box-four: #fffcfc;
    --e-global-color-box-five: #f8fffb;
    --e-global-color-box-six: #f8fbff;
    --e-global-color-box-seven: #f6ffff;
    --e-global-color-box-eight: #fff6fa;
    --e-global-color-box-nine: #fffcf7;
    --e-global-color-box-ten: #f9faff;
    --e-global-color-box-eleven: #fcfcfc;
    --e-global-color-very-pale-blue: #f7f8ff;
    --e-global-color-very-pale-violet: #f9f4ff;
    --e-global-color-soft-blue: #5264e8;
    --e-global-color-soft-violet: #ac7be6;
    --e-global-color-light-pale-lime-green: #f8fff6;
    --e-global-color-light-pale-cyan: #f4feff;
    --e-global-color-very-lime-green: #c6ffdb;
    --e-global-color-very-light-gray: #ebebeb;
    --e-global-color-very-soft-violet: #bd9bde;
    --e-global-color-very-light-gray-white: #f9f9f9;
    --e-global-color-very-light-white: #fbfbfb;

    
    
    
}

body{
    font-family: 'Inter', sans-serif;
}

.h1, h1 {
    font-size: 72px;
    line-height: 78px;
    font-weight: 700;
}
.h2, h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.h3, h3{
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}
.h4, h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--e-global-color-primary);
}
.h5, h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: var(--e-global-color-primary);
}
.h6, h6 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--e-global-color-primary);
}
p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.text-size-18 {
    font-size: 18px;
    line-height: 26px;
}
.text-size-16 {
    font-size: 16px;
    line-height: 26px;
}
.text-size-14 {
    font-size: 14px;
    line-height: 24px;
}
a{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
.hover-effect{
    transition: all 0.3s ease-in-out;
}
.hover-effect:hover{
    transform: translateY(-5px);
}

/* Banner */

html{
    scroll-behavior: smooth;
}
.banner_outer{
    background: var(--e-global-color-dark-blue);
    position: relative;
    overflow: hidden;
}
.banner_outer:before {
    content: "";
    background-image: url(../images/banner-backgroundimage2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 0.1;
}
.banner_outer .banner-bg-img-1{
    bottom: 0;
}
.banner_outer .banner-bg-img-1 img {
    opacity: 0.1;
}
.banner_outer .banner-backgroundimage2{
    position: absolute;
    right: 0;
    top: 0;
    background: var(--e-global-color-light-grayish-orange);
    opacity: 3%;
}
.banner_outer .main-header {
    padding: 35px 0;
    position: relative;
    z-index: 5;
}
.banner_outer .main-header .banner-logo img,
.banner_outer .sticky-header  .banner-logo img{
  margin-top: -2px;
  width: 180px;
}
.banner-section .banner_content ul .content a:hover{text-decoration: none;}
.banner-section .banner_content ul .content1 a:hover{text-decoration: none;}
.banner_outer .sticky-header {
    background: var(--e-global-color-dark-blue) !important;
    border-bottom: 1px solid var(--e-global-color-accent);
    transition: top 0.3s linear;
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    padding: 35px 0;
    position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	z-index:3;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.banner_outer .fixed-header .sticky-header{
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 300ms;
	-moz-animation-duration: 300ms;
	-op-animation-duration: 300ms;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}
.navbar-collapse ul{
    align-items: center; 
    display: inherit; 
}
.navbar-nav .nav-item a{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-accent) !important;
    background-color: transparent;
}
.navbar-nav .active > a{
    color: var(--e-global-color-accent) !important;
}
.navbar-brand{
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar{
    position: relative;
    padding: 30px 0;
    z-index: 1;
}
.navbar-nav li{
    margin: 0 20px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-left: 0;
    margin-right: 0px;
    padding-right: 0;
}
.navbar-nav .nav-item .buy_now{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 19px 32px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 5px;
    color: var(--e-global-color-black) !important;
    background-color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .buy_now i{
    font-size: 18px;
    margin-left: 17px;
    color: var(--e-global-color-black);
}
.navbar-nav .active > .buy_now{
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-black) !important;
}
.navbar-nav .nav-item .buy_now:hover{
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white) !important;
}
.navbar-nav .nav-item .buy_now:hover img{
    filter: invert(1);
}
.navbar-nav .nav-item .buy_now .arrow{
    top: -2px;
    margin-left: 18px;
    position: relative;
    display: inline-block;
}
.navbar-nav .dropdown{
    margin: 0 10px 0 25px;
}
.navbar-collapse .dropdown-menu {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: 0;
    top: 46px;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 15%);
}
.navbar-nav .dropdown-menu li{
    margin: 0;
}
.navbar-nav .dropdown-menu .nav-item a {
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
    padding: 12px 16px;
    margin-top: 0;
}
.navbar-nav .nav-item .dropdown-item{
    color: var(--e-global-color-black) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .dropdown-menu .active > a{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
}
.navbar-expand-lg .dropdown-menu .nav-link {
    padding-left: 0;
}
.navbar-nav .dropdown-menu li:last-child{
    margin-left: 0;
}
.navbar-nav .dropdown-menu .nav-item a:before {
    content: "\f105";
    top: 0;
    font-size: 12px;
    padding-right: 12px;
    font-weight: 600;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    position: relative;
    font-family: 'Font Awesome 5 Free';
    transition: all 0.3s ease-in-out;
}
.navbar-nav .dropdown-menu .nav-item a:hover:before {
    color: var(--e-global-color-white);
}
.navbar-nav .dropdown-menu .active > a:before {
    color: var(--e-global-color-white);
}
.banner-section {
    position: relative;
    padding: 170px 0 210px;
}
.banner-section .banner-backgroundimage{
    position: absolute;
    top: 0;
    right: 125px;
}
.banner-section .banner_content ul{
    margin-bottom: 12px;
    display: flex;
}
.banner-section .banner_content ul li{
    padding: 0 26px;
    border-right: 2px solid var(--e-global-color-light-orange);
}
.banner-section .banner_content ul li:first-child{
    padding-left: 0;
}
.banner-section .banner_content ul li:last-child{
    border: none;
    padding-right: 0;
}
.banner-section .banner_content ul li span{
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}
.banner-section .banner_content ul .content span{
    word-spacing: 3.0px;
    color: var(--e-global-color-white);
}
.banner-section .banner_content ul .content1 span{
    color: var(--e-global-color-white);
}
.banner-section .banner_content ul li h5{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: var(--e-global-color-white);
}
.banner-section .banner_content{
    position: relative;
}
.banner-section .banner_content h1{
    margin-bottom: 18px;
    padding-right: 15px;
    color: var(--e-global-color-white);
}
.banner-section .banner_content p{
    color: var(--e-global-color-white);
}
.banner-section .banner_content .text1{
    margin-bottom: 8px;
    margin-right: -35px;
}
.banner-section .banner_content .text2{
    margin-bottom: 30px;
}
.banner-section .banner_content .all_button{
    padding: 21px 36px;
    margin-right: 12px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.banner-section .banner_content .view_demo{
    padding: 21px 25px;
    margin-right: 0;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-black);
    box-shadow: 1px 0 17px rgb(0 0 0 / 1%);
}
.banner-section .banner_content .all_button:hover{
    color: var(--e-global-color-black);
    background-color: var(--e-global-color-white);
}
.banner-section .banner_content .all_button:hover .arrow img {
    filter: none !important;
}
.banner-section .banner_content .all_button .arrow img {
    filter: invert(1) !important;
}
.banner-section .banner_content .view_demo .arrow img {
    filter: none !important;
}
.banner-section .banner_content .view_demo:hover .arrow img {
    filter: invert(1) !important;
}
.banner-section .banner_content .all_button .arrow{
    top: -2px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
}
.banner-section .banner_content .view_demo:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
}
.banner-section .banner_content .view_demo .arrow{
    margin-left: 10px;
}
.banner-section .banner_wrapper{
    position: relative;
}
.banner-section .banner_wrapper .banner-image1{
    position: absolute;
    top: -215px;
    right: -260px;
    z-index: 1;
    left: -72px;
}

/* Elevate */

.elevate-section{
    padding: 144px 0 154px;
    position: relative;
}
.elevate-section .elevate_content{
    padding: 0 280px;
    text-align: center;
}
.elevate-section .elevate_content h2{
    margin-bottom: 22px;
}
.elevate-section .elevate_content p{
    margin-bottom: 54px;
}
.elevate-section .elevate-circle1{
    position: absolute;
    top: -37px;
    left: -22px;
}
.elevate-section .elevate-circle2{
    position: absolute;
    bottom: 12px;
    right: -24px;
}
.elevate-section .elevate-box{
    padding: 72px 30px 60px;
    margin-bottom: 54px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    background: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    z-index: 1;
}
.elevate-section .elevate-box .elevate-image{
    margin-bottom: 40px;
    transition: all 0.3s ease-in-out;
}
.elevate-section .elevate-box .elevate-image:hover{
    transform: translateY(-5px);
}
.elevate-section .elevate-box h4{
    margin-bottom: 10px;
    padding: 0 36px;
}
.elevate-section .elevate-box p{
    padding: 0 30px;
}
.elevate-section .button{
    text-align: center;
}
.elevate-section .button .all_feature{
    padding: 21px 37px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.elevate-section .button .all_feature .arrow{
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.elevate-section .button .all_feature:hover{
    background-color: var(--e-global-color-dark-blue);
}

/* Journey */

.journey-section{
    padding: 144px 0 150px;
    background: var(--e-global-color-very-pale);
    position: relative;
}
.journey-section .journey_content{
    text-align: center;
}
.journey-section .journey_content h2{
    margin-bottom: 22px;
}
.journey-section .journey_content h2 span{
    padding-right: 12px;
    color: var(--e-global-color-accent);
}
.journey-section .journey_content p{
    padding: 0 146px;
    margin-bottom: 56px;
}
#journey-section .hostiko2Tag::before{
    content: '';
    background-image: url('../images/hostiko2Tag.png');
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    width: 127px;
    height: 47px;
}
/* .journey-section .journey-box figure img{
    width: 100%;
}
.journey-section .journey-box1{
    max-height: 516px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.journey-section .journey-box{
    margin-bottom: 74px;
    position: relative;
    border-radius: 5px;
    border: 2px solid var(--e-global-color-black);
    background: var(--e-global-color-white);
    box-shadow: 10px 4px 23px rgb(0 0 0 / 6%);
}
.journey-section .journey-box1 figure img{
    transition: all 3s;
}
.journey-section .journey-box1 a figure img:hover {
    -webkit-transform: translateY(calc(-70% + 540px));
    opacity: 0.9 !important;
}
.journey-section .journey-box2{
    max-height: 100% !important;
}
.journey-section .journey-box2 span{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--e-global-color-white);
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.journey-section .journey-box2 figure {
    position: relative;
}
.journey-section .journey-box2 figure:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 75%;
    position: absolute;
    background: var(--e-global-color-black);
}
.journey-section .button{
    text-align: center;
}
.journey-section .button h4{
    margin-bottom: 35px;
}
.journey-section .button .all_demo{
    padding: 21px 37px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    background-color: var(--e-global-color-very-pale-cyan);
    transition: all 0.3s ease-in-out;
}
.journey-section .button .all_demo .arrow{
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.journey-section .button .all_demo:hover{
    background-color: var(--e-global-color-very-pale-lime-green);
} */

/* Unleash */

.unleash-section{
    padding: 140px 0 132px;
    position: relative;
}
.unleash-section .unleash_content{
    text-align: center;
}
.unleash-section .unleash_content h2{
    padding: 0 200px;
    margin-bottom: 22px;
}
.unleash-section .unleash_content p{
    padding: 0 110px;
    margin-bottom: 54px;
}
.unleash-section .unleash_wrapper .unleash-image img{
    border-radius: 12px;
}

/* Empower */

.empower-section{
    padding: 144px 0 150px;
    position: relative;
    background: var(--e-global-color-very-pale);
}
.empower-section .empower_content{
    text-align: center;
}
.empower-section .empower_content h2{
    padding: 0 330px;
    margin-bottom: 22px;
}
.empower-section .empower_content .text1{
    margin-bottom: 0;
}
.empower-section .empower_content .text2{
    padding: 0 160px;
    margin-bottom: 58px;
}
.empower-section .empower-box{
    text-align: center;
}
.empower-section .empower-box .empower-image{
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-bottom: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    background: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.empower-section .empower-box .empower-image:hover{
    transform: translateY(-5px);
}
.empower-section .empower-box h4{
    margin-bottom: 10px;
}
.empower-section .empower-box p{
    margin-bottom: 20px;
}
.empower-section .empower-box .text1{
    padding: 0 12px;
}
.empower-section .empower-box .text2{
    padding: 0 19px;
}
.empower-section .empower-box .text3{
    padding: 0 15px;
}
.empower-section .empower-box .text4{
    padding: 0 26px;
}
.empower-section .empower-box .all_button{
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
}
.empower-section .empower-box .all_button i{
    font-size: 16px;
    margin-left: 13px;
    top: 1px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.empower-section .empower-box .all_button:hover{
    color: var(--e-global-color-accent);
}
.empower-section .empower-box .all_button:hover i{
    color: var(--e-global-color-accent);
}

/* Faq */

.accordian-section{
    padding: 144px 0 150px;
    position: relative;
}
.accordian-section .accordian_content{
    text-align: center;
}
.accordian-section .accordian_content h2{
    margin-bottom: 15px;
}
.accordian-section .accordian_content p{
    padding: 0 255px;
    margin-bottom: 54px;
}
.accordian-section .accordian-inner .accordion-card h5{
    margin-bottom: 0;
}
.accordian-section .accordian-inner .accordion-card .btn-link h5{
    color: var(--e-global-color-black);
}
.accordian-section .accordion-card{
    margin-bottom: 30px;
    width: 100%;
    border-radius: 5px;
    background: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
}
.accordian-section .accordion-card a.btn.btn-link {
    position: relative;
}
.accordian-section .accordian-inner .accordion-card .btn {
    padding: 24px 28px;
    text-decoration: none;
    text-align: left;
    display: block;
}
.accordian-section .accordian-inner .accordion-card .collapsed h5{
    color: var(--e-global-color-black);
}
.accordian-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border: none;
}
.accordian-section .accordian-inner .card-body {
    padding:  15px 28px 25px;
}
.accordian-section .accordion-card a.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}
.accordian-section .accordion-card .btn-link:before {
    content: "";
    background: url(../images/faq-minus.png);
    position: absolute;
    width: 16px;
    height: 16px;
    right: 28px;
    top: 38%;
    display: inline-block;
    vertical-align: middle;
}
.accordian-section .accordion-card .collapsed:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/faq-plus.png);
}
.accordian-section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0 !important;
}

/* Join */

.join-section {
    padding: 140px 0 152px;
    background: var(--e-global-color-accent);
    position: relative;
}
.join-section .join_content {
    text-align: center;
}
.join-section .join_content h2 {
    margin-bottom: 20px;
}
.join-section .join_content p {
    padding: 0 185px;
    margin-bottom: 54px;
}
.join-section .join-box {
    padding: 40px 25px 40px 40px;
    position: relative;
    border-radius: 5px;
    background: var(--e-global-color-white);
}
.join-section .join-box .join-quoteimage{
    margin-bottom: 16px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.join-section .join-box .join-quoteimage:hover{
    transform: translateY(-5px);
}
.join-section .join-box .text{
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    height: 115px;
    font-style: italic;
    color: var(--e-global-color-black);
}
.join-section .join-box .content .designation-outer ul{
    margin-bottom: 10px;
}
.join-section .join-box .content .designation-outer ul li {
    display: inline-block;
}
.join-section .join-box .content .designation-outer ul li i {
    font-size: 10px;
    line-height: 10px;
    color: var(--e-global-color-bright-orange);
}
.join-section .join-box .content .join-leaveimage {
    float: left;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 100px;
    text-align: center;
    background: var(--e-global-color-white);
    box-shadow: 12px 0 48px rgb(0 0 0 / 8%);
}
.join-section .join-box .content .designation-outer {
    display: inline-block;
    padding-left: 20px;
}
.join-section .join-box .content .designation-outer span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: var(--e-global-color-black);
}
.join-section .join-box .content .designation-outer p {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--e-global-color-text);
}

/* Enhance */

.enhance-section {
    padding: 140px 0 160px;
    position: relative;
}
.enhance-section .enhance_content {
    text-align: center;
}
.enhance-section .enhance_content h2 {
    padding: 0 200px;
    margin-bottom: 20px;
}
.enhance-section .enhance_content p {
    padding: 0 150px;
    margin-bottom: 50px;
}
.enhance-section .enhance_content ul { 
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
.enhance-section .enhance_content ul li figure {
    width: 142px;
    height: 142px;
    line-height: 142px;
    border-radius: 100px;
    background: var(--e-global-color-accent);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
}
.enhance-section .enhance_content ul li figure:hover {
    transform: translateY(-5px);
}


/* Upgrade */

.upgrade-section{
    background: var(--e-global-color-very-pale);
    position: relative;
    overflow: hidden;
}
.upgrade-section .upgrade_wrapper{
    position: relative;
}
.upgrade-section .upgrade_wrapper .upgrade-image1{
    position: relative;
    top: 0;
    left: 80px;
}
.upgrade-section .upgrade_wrapper .upgrade-image1 img {
    box-shadow: 3px 13px 63px rgb(7 6 6 / 15%);
}
.upgrade-section .upgrade_wrapper .upgrade-image2{
    position: absolute;
    top: 127px;
    left: 10px;
}
.upgrade-section .upgrade_wrapper .upgrade-image2 img{
    border-radius: 20px;
    box-shadow: 3px 13px 63px rgb(7 6 6 / 15%);
    border: 3px solid var(--e-global-color-accent);
}
.upgrade-section .upgrade_wrapper .upgrade-image3{
    position: absolute;
    top: 225px;
    left: -10px;
}
.upgrade-section .upgrade_wrapper .upgrade-image3 img{
    box-shadow: 15px 13px 59px rgb(7 6 6 / 6%);
}
.upgrade-section .upgrade_content{
    padding: 115px 0 125px;
}
.upgrade-section .upgrade_content h2{
    margin-bottom: 16px;
}
.upgrade-section .upgrade_content p{
    margin-bottom: 40px;
    padding-right: 20px;
}
.upgrade-section .upgrade_content .get_now{
    padding: 20px 29px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.upgrade-section .upgrade_content .get_now .arrow{
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.upgrade-section .upgrade_content .get_now:hover{
    background-color: var(--e-global-color-dark-blue);
}

/* Footer */

.footer-section{
    background: var(--e-global-color-dark-moderate-blue);
    position: relative;
}
.footer-section .middle-portion{
    padding: 105px 0 100px;
}
.footer-section .middle-portion .links .heading{
   margin-bottom: 16px;
} 
.footer-section .middle-portion .links .pages{
    display: flex;
}
.footer-section .middle-portion .links .pages .list1{
    width: 40%;
}
.footer-section .middle-portion .links .pages .list2{
    width: 50%;
}
.footer-section .middle-portion .links .text-size-14 {
    font-size: 12px;
    line-height: 12px;
    color: var(--e-global-color-light-grayish-blue);
}
.footer-section .middle-portion .links ul{
    padding-left: 15px;
}
.footer-section .middle-portion .links li{
    margin-bottom: 3px;
}
.footer-section .middle-portion .links li i {
    font-size: 4px;
    top: -2px;
    left: -13px;
    position: relative;
    transition: all 0.3s ease;
    color: var(--e-global-color-light-grayish-blue);
}
.footer-section .middle-portion .links li:hover .text-size-14{
    color: var(--e-global-color-accent);
}
.footer-section .middle-portion .links li:hover i{
    color: var(--e-global-color-accent);
}
.footer-section .middle-portion .email-form .heading{
   margin-bottom: 22px;
}
.footer-section .middle-portion .email-form input {
    position: relative;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-white);
    border-radius: 8px;
    padding: 19px 70px 19px 20px;
    margin-bottom: 0;
    width: 100%;
    border: none;
    overflow: visible;
    outline: none;
}
.footer-section .middle-portion .email-form button {
    font-size: 16px;
    width: 55px;
    height: 53px;
    top: 0;
    right: 0;
    border-radius: 8px;
    border: none;
    float: right;
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
    position: absolute;
    overflow: visible;
    outline: none;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .email-form button:hover {
    background: var(--e-global-color-dark-blue);
}
.footer-section .middle-portion .social-icons li{
    display: inline-block;
    margin: 0 8px;
}
.footer-section .middle-portion .social-icons li:first-child{
    margin-left: 0;
}
.footer-section .middle-portion .social-icons li:last-child{
    margin-right: 0;
}
.footer-section .middle-portion .social-icons i{
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .social-icons a{
    color: var(--e-global-color-white);
}
.footer-section .middle-portion .social-icons i:hover{
    transform: translateY(-5px);
    color: var(--e-global-color-accent);
}
.footer-section .bottom-portion {
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}
.footer-section .copyright {
    padding: 28px 0;
}
.footer-section .copyright .text1{
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px;
    color: var(--e-global-color-light-grayish-blue);
}
.footer-section .copyright .text2{
    color: var(--e-global-color-white);
}
.site-footer {
    display: none;
    }
/* Back to top button */

#button {
    display: inline-block;
    background-color: var(--e-global-color-accent);
    width: 75px;
    height: 75px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 60px;
    right: 80px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;    
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;  
    text-decoration: none; 
    cursor: pointer;
}
#button::after {
    content: "\f062";
    font-family: "Font Awesome 5 free";
    font-size: 22px;
    line-height: 22px;
    color: #000;
    font-weight: 600;
}
#button.show {
    opacity: 1;
    visibility: visible;
}
@-webkit-keyframes spineer {
from {
    box-shadow: 0 0 0 0 rgba(0, 123, 255)
}
to {
    box-shadow: 0 0 0 45px rgba(250, 87, 51, .01)
}
}

@keyframes spineer {
from {
    box-shadow: 0 0 0 0 rgba(0, 123, 255)
}
to {
    box-shadow: 0 0 0 45px rgba(250, 87, 51, .01)
}
}

/* PRELOADER */ 

.js {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
  
  .preloader-jackhammer ul li {
      list-style: none;
    }
    .cssload-flex-container {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -webkit-flex;
      display: -moz-flex;
      flex-direction: row;
      -o-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-wrap: wrap;
      -o-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      justify-content: space-around;
    }
      .cssload-flex-container li {
        padding: 10px;
        height: 97px;
        width: 97px;
        margin: 0;
        position: relative;
        text-align: center;
      }
    
    .cssload-loading {
      display: inline-block;
      position: relative;
      width: 5px;
      height: 49px;      
      background: var(--e-global-color-accent);
      margin-top: 5px;
      border-radius: 975px;
      -o-border-radius: 975px;
      -ms-border-radius: 975px;
      -webkit-border-radius: 975px;
      -moz-border-radius: 975px;
      animation: cssload-upDown2 1.15s ease infinite;
      -o-animation: cssload-upDown2 1.15s ease infinite;
      -ms-animation: cssload-upDown2 1.15s ease infinite;
      -webkit-animation: cssload-upDown2 1.15s ease infinite;
      -moz-animation: cssload-upDown2 1.15s ease infinite;
      animation-direction: alternate;
      -o-animation-direction: alternate;
      -ms-animation-direction: alternate;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-delay: 0.29s;
      -o-animation-delay: 0.29s;
      -ms-animation-delay: 0.29s;
      -webkit-animation-delay: 0.29s;
      -moz-animation-delay: 0.29s;
    }
      .cssload-loading:after, .cssload-loading:before {
        display: inline-block;
        position: relative;
        width: 5px;
        height: 49px;
        background: var(--e-global-color-dark-blue);
        margin-top: 5px;
        border-radius: 975px;
        -o-border-radius: 975px;
        -ms-border-radius: 975px;
        -webkit-border-radius: 975px;
        -moz-border-radius: 975px;
        animation: cssload-upDown2 1.15s ease infinite;
        -o-animation: cssload-upDown2 1.15s ease infinite;
        -ms-animation: cssload-upDown2 1.15s ease infinite;
        -webkit-animation: cssload-upDown2 1.15s ease infinite;
        -moz-animation: cssload-upDown2 1.15s ease infinite;
        animation-direction: alternate;
        -o-animation-direction: alternate;
        -ms-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-delay: 0.29s;
        -o-animation-delay: 0.29s;
        -ms-animation-delay: 0.29s;
        -webkit-animation-delay: 0.29s;
        -moz-animation-delay: 0.29s;
      }
      .cssload-loading:after {
        position: absolute;
        content: '';
        animation: cssload-upDown 1.15s ease infinite;
        -o-animation: cssload-upDown 1.15s ease infinite;
        -ms-animation: cssload-upDown 1.15s ease infinite;
        -webkit-animation: cssload-upDown 1.15s ease infinite;
        -moz-animation: cssload-upDown 1.15s ease infinite;
        animation-direction: alternate;
        -o-animation-direction: alternate;
        -ms-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
      }
      .cssload-loading:before {
        position: absolute;
        content: '';
        animation: cssload-upDown 1.15s ease infinite;
        -o-animation: cssload-upDown 1.15s ease infinite;
        -ms-animation: cssload-upDown 1.15s ease infinite;
        -webkit-animation: cssload-upDown 1.15s ease infinite;
        -moz-animation: cssload-upDown 1.15s ease infinite;
        animation-direction: alternate;
        -o-animation-direction: alternate;
        -ms-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        left: -10px;
      }
      .cssload-loading:after {
        left: 10px;
        animation-delay: 0.58s;
        -o-animation-delay: 0.58s;
        -ms-animation-delay: 0.58s;
        -webkit-animation-delay: 0.58s;
        -moz-animation-delay: 0.58s;
      }

  
  @keyframes cssload-upDown {
    from {
      transform: translateY(19px);
    }
  
    to {
      transform: translateY(-19px);
    }
  }
  
  
  @-o-keyframes cssload-upDown {
    from {
      -o-transform: translateY(19px);
    }
  
    to {
      -o-transform: translateY(-19px);
    }
  }
  
  
  @-ms-keyframes cssload-upDown {
    from {
      -ms-transform: translateY(19px);
    }
  
    to {
      -ms-transform: translateY(-19px);
    }
  }
  
  
  @-webkit-keyframes cssload-upDown {
    from {
      -webkit-transform: translateY(19px);
    }
  
    to {
      -webkit-transform: translateY(-19px);
    }
  }
  
  
  @-moz-keyframes cssload-upDown {
    from {
      -moz-transform: translateY(19px);
    }
  
    to {
      -moz-transform: translateY(-19px);
    }
  }
  
  
  @keyframes cssload-upDown2 {
    from {
      transform: translateY(29px);
    }
  
    to {
      transform: translateY(-19px);
    }
  }
  
  
  @-o-keyframes cssload-upDown2 {
    from {
      -o-transform: translateY(29px);
    }
  
    to {
      -o-transform: translateY(-19px);
    }
  }
  
  
  @-ms-keyframes cssload-upDown2 {
    from {
      -ms-transform: translateY(29px);
    }
  
    to {
      -ms-transform: translateY(-19px);
    }
  }
  
  
  @-webkit-keyframes cssload-upDown2 {
    from {
      -webkit-transform: translateY(29px);
    }
  
    to {
      -webkit-transform: translateY(-19px);
    }
  }
  
  
  @-moz-keyframes cssload-upDown2 {
    from {
      -moz-transform: translateY(29px);
    }
  
    to {
      -moz-transform: translateY(-19px);
    }
  }

/* Feature Page */

.feature_banner-section {
    position: relative;
    padding: 100px 0 90px;
}
.feature_banner-section .feature_banner_content {
    text-align: center;
    padding: 0 330px;
}
.feature_banner-section .feature_banner_content h1 {
    font-size: 56px;
    line-height: 76px;
    margin-bottom: 12px;
}
.feature_banner-section .feature_banner_content p {
    margin-bottom: 30px;
    color: var(--e-global-color-primary);
}
.feature_banner-section .feature_banner_content .all_features {
    padding: 21px 30px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    background-color: var(--e-global-color-very-soft-orange);
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
}
.feature_banner-section .feature_banner_content .all_features .arrow {
    top: -2px;
    margin-left: 24px;
    position: relative;
    display: inline-block;
}
.feature_banner-section .feature_banner_content .all_features:hover {
    background-color: var(--e-global-color-accent);
}

/* Feature */
 
.feature-section{
    padding: 138px 0 112px;
}
.feature-section h2 {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 300px;
}
.feature-section .nav-tabs {
    border-bottom: none;
    margin-bottom: 60px;
    justify-content: center;
}
.feature-section .tabs-box .nav-tabs li:first-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 6px 0 0 6px;
    padding: 6px;
}
.feature-section .tabs-box .nav-tabs li:last-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 0 6px 6px 0;
    padding: 6px 6px 6px 0;
}
.feature-section .tabs-box .nav-tabs li a:hover {
    background: var(--e-global-color-very-soft-orange);
}
.feature-section .tabs-box .nav-tabs > li > a.active {
    background: var(--e-global-color-very-soft-orange);
}
.feature-section .tabs-box .nav-tabs li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 18px 36px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    color: var(--e-global-color-black);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.feature-section .feature-box{
    padding: 50px 50px 60px;
    margin-bottom: 32px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    background: var(--e-global-color-very-pale) !important;
}
.feature-section .feature-box .image{
    margin-bottom: 46px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.feature-section .feature-box .image:hover{
    transform: translateY(-5px);
}
.feature-section .feature-box .image .feature-image{
    position: absolute;
    z-index: 1;
}
.feature-section .feature-box .image .feature-image img{
    border-radius: 12px;
}
.feature-section .feature-box .image .box{
    top: 10px;
    left: 10px;
    width: 298px;
    height: 186px;
    opacity: 3%;
    position: relative;
    border-radius: 12px;
    background: var(--e-global-color-black);
}
.feature-section .feature-box h4{
    margin-bottom: 8px;
    padding: 0 10px;
}
.feature-section .feature-box p{
    height: 128px;
}
.feature-section .feature-box .read_more{
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
}
.feature-section .feature-box .read_more i{
    font-size: 16px;
    margin-left: 13px;
    top: 1px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.feature-section .feature-box .read_more:hover{
    color: var(--e-global-color-bright-orange);
}
.feature-section .feature-box .read_more:hover i{
    color: var(--e-global-color-bright-orange);
}
.feature-section .feature-box span{
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: var(--e-global-color-black);
}
.feature-section .feature-box-heading h4{
    padding: 0 40px;
}
.feature-section .feature-box1{
    background: var(--e-global-color-box-one);
}
.feature-section .feature-box2{
    background: var(--e-global-color-box-two);
}
.feature-section .feature-box3{
    background: var(--e-global-color-light-pale-lime-green);
}
.feature-section .feature-box4{
    background: var(--e-global-color-box-four);
}
.feature-section .feature-box5{
    background: var(--e-global-color-box-five);
}
.feature-section .feature-box6{
    background: var(--e-global-color-box-six);
}
.feature-section .feature-box7{
    background: var(--e-global-color-box-seven);
}
.feature-section .feature-box8{
    background: var(--e-global-color-box-eight);
}
.feature-section .feature-box9{
    background: var(--e-global-color-light-grayish-orange);
}
.feature-section .feature-box10{
    background: var(--e-global-color-box-ten);
}
.feature-section .feature-box11{
    background: var(--e-global-color-box-eleven);
}
.feature-section .hostiko-box{
    padding: 50px 50px 60px;
    margin-bottom: 32px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    background: var(--e-global-color-very-light-white);
}
.feature-section .hostiko-box .image{
    margin-bottom: 46px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.feature-section .hostiko-box .image:hover{
    transform: translateY(-5px);
}
.feature-section .hostiko-box .image .feature-image{
    position: absolute;
    z-index: 1;
}
.feature-section .hostiko-box .image .feature-image img{
    border-radius: 12px;
}
.feature-section .hostiko-box .image .box{
    top: 10px;
    left: 10px;
    width: 298px;
    height: 186px;
    opacity: 3%;
    position: relative;
    border-radius: 12px;
    background: var(--e-global-color-black);
}
.feature-section .hostiko-box h4{
    margin-bottom: 16px;
}
.feature-section .hostiko-box p{
    height: 80px;
}
.feature-section .hostiko-box .read_more{
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
}
.feature-section .hostiko-box .read_more i{
    font-size: 16px;
    margin-left: 13px;
    top: 1px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.feature-section .hostiko-box .read_more:hover{
    color: var(--e-global-color-bright-orange);
}
.feature-section .hostiko-box .read_more:hover i{
    color: var(--e-global-color-bright-orange);
}
.feature-section .hostiko-box span{
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: var(--e-global-color-black);
}

/* Conatct Page */

.contact_banner-section {
    position: relative;
    padding: 90px 0 244px;
}
.contact_banner-section .contact_banner_content {
    text-align: center;
}
.contact_banner-section .contact_banner_content h1 {
    font-size: 56px;
    line-height: 76px;
}

/* Contact info */

.contact-section .contact_content {
    padding: 68px 35px 140px;
    margin-top: -162px;
    border-radius: 5px;
    background: var(--e-global-color-white);
}
.contact-section .contact-box {
    text-align: center;
}
.contact-section .contact-box2 {
    border-left: 1px solid var(--e-global-color-very-light-gray);
    border-right: 1px solid var(--e-global-color-very-light-gray);
}
.contact-section .contact-box .contact-icon {
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-bottom: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    background: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    transition: all 0.3s ease-in-out;
}
.contact-section .contact-box .contact-icon:hover {
    transform: translateY(-5px);
}
.contact-section .contact-box h5 {
    margin-bottom: 10px;
}
.contact-section .contact-box .text {
    margin-bottom: 18px;
}
.contact-section .contact-box .text p{
    padding: 0 60px;
}
.contact-section .contact-box .text-size-14 {
    font-weight: 400;
    color: var(--e-global-color-text);
    display: block;
    transition: all 0.3s ease-in-out;
}
.contact-section .contact-box .text a:hover{
    color: var(--e-global-color-accent);
}
.contact-section .contact-box .all_button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
}
.contact-section .contact-box .all_button i {
    font-size: 16px;
    margin-left: 13px;
    top: 1px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    transition: all 0.3s ease-in-out;
    position: relative;
}
.contact-section .contact-box .all_button:hover {
    color: var(--e-global-color-accent);
}
.contact-section .contact-box .all_button:hover i{
    color: var(--e-global-color-accent);
}

/* Contact form */

.g-recaptcha{
    display: flex;
    margin: 0 auto 20px;
    justify-content: center;
}
.contact-section .contact-form{
    padding-bottom: 150px;
}
.contact-section .contact-form #contactpage{
    padding: 0 60px;
}
.contact-section .contact-form .content{
    text-align: center;
}
.contact-section .contact-form .content h2 {
    margin-bottom: 15px;
}
.contact-section .contact-form .content .text {
    padding: 0 270px;
    margin-bottom: 45px;
}
.contact-section .contact-form input {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    border-radius: 6px;
    padding: 21px 20px;
    margin-bottom: 20px;
    width: 100%;
    overflow: visible;
    outline: none;
    border: none;
}
.contact-section .contact-form textarea {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    border-radius: 6px;
    padding: 25px 20px 20px;
    width: 100%;
    height: 148px;
    margin-bottom: 45px;
    resize: none;
    outline: none;
    overflow: auto;
    border: none;
}
.contact-section .contact-form .submit {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 20px 44px;
    border-radius: 8px;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: block;
    text-align: center;
    outline: none;
    border-style: none;
    margin: 0 auto;
}
.contact-section .contact-form .submit .arrow {
    top: -2px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
}
.contact-section .contact-form .submit:hover {
    background-color: var(--e-global-color-dark-blue);
}
#formResonse{
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    font-family: 'Inter';
}
/* About Page */

.about_banner-section {
    position: relative;
    padding: 90px 0 244px;
}
.about_banner-section .about_banner_content {
    text-align: center;
}
.about_banner-section .about_banner_content h1 {
    font-size: 56px;
    line-height: 76px;
}

/* About */

/* 1st section */

.about-section .about_content{
    padding: 20px 20px 150px;
    margin-top: -162px;
    border-radius: 5px;
    background: var(--e-global-color-white);
}
.about-section .about_content .leader_wrapper .about-image1 img{
    border-radius: 5px;
}
.about-section .about_content .leader_content{
    padding: 50px 74px 0 25px;
}
.about-section .about_content .leader_content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 22px;
}
.about-section .about_content .leader_content h2 span{
    padding-left: 8px;
    color: var(--e-global-color-accent);
}
.about-section .about_content .leader_content p,
.join_us-section .today_content .text2 {
    margin-bottom: 38px !important;
}
.about-section .about_content .leader_content .get_started,
.join_us-section .today_content .get_started{
    padding: 21px 32px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.about-section .about_content .leader_content .get_started .arrow,
.join_us-section .today_content .get_started .arrow{
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.about-section .about_content .leader_content .get_started:hover, .join_us-section .today_content .get_started:hover {
    background: var(--e-global-color-dark-blue);
}

/* 2nd section */

.about-section .solution_content{
    padding: 98px 20px 0 0;
}
.about-section .solution_content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 22px;
}
.about-section .solution_wrapper{
    position: relative;
}
.about-section .solution_wrapper figure img{
   border-radius: 20px; 
   border: 3px solid var(--e-global-color-accent);
}
.about-section .solution_wrapper .about-image2{
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 1;
}
.about-section .solution_wrapper .about-image3{
    position: absolute;
    right: 0;
    bottom: 50px;
}

/* 3rd section */

.about-section .about_box_content{
    padding: 150px 0;
}
.about-section .about_box_content .about-box{
    padding: 92px 80px;
    text-align: center;
    border-radius: 5px;
}
.about-section .about_box_content .about-box1{
    background: var(--e-global-color-very-pale);
}
.about-section .about_box_content .about-box2{
    background: var(--e-global-color-very-pale);
}
.about-section .about_box_content .about-box .about-icon{
    width: 195px;
    height: 195px;
    line-height: 195px;
    margin-bottom: 44px;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.about-section .about_box_content .about-box .about-icon:hover{
    transform: translateY(-5px);
}
.about-section .about_box_content .about-box .about-icon1{
    background: var(--e-global-color-accent);
}
.about-section .about_box_content .about-box .about-icon2{
    background: var(--e-global-color-accent);
}
.about-section .about_box_content .about-box h3 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 14px;
}
.about-section .about_box_content .about-box1 h3 {
    padding: 0 15px;
}

/* custom */

.custom-section{
    padding: 145px 0;
    background: var(--e-global-color-very-pale);
    overflow: hidden;
}
.custom-section .custom_wrapper{
    position: relative;
}
.custom-section .custom_wrapper .custom-image{
    position: absolute;
    top: -13px;
    left: -250px;
}
.custom-section .custom_content {
    padding-right: 45px;
}
.custom-section .custom_content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}
.custom-section .custom_content .text1 {
    line-height: 28px;
    margin-bottom: 25px;
}
.custom-section .custom_content .text2 {
    margin-bottom: 4px;
    font-weight: 700;
    color: var(--e-global-color-black);
}
.custom-section .custom_content .text3 {
    font-weight: 500;
    color: var(--e-global-color-black);
}

/* Vision */

.vision-section{
    padding: 150px 0;
}
.vision-section .vision-box{
    text-align: center;
    border-radius: 5px;
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
}
.vision-section .vision-box .vision-icon{
    margin-bottom: 25px;
    transition: all 0.3s ease-in-out;
}
.vision-section .vision-box .vision-icon:hover{
    transform: translateY(-5px);
}
.vision-section .vision-box h2{
    font-size: 32px;
    line-height: 40px;
}
.vision-section .vision-box1{
    padding: 82px 80px;
}
.vision-section .vision-box1 .vision-icon{
    margin-bottom: 30px;
}
.vision-section .vision-box1 h2{
    margin-bottom: 18px;
}
.vision-section .vision-box2{
    padding: 92px 95px 82px;
}
.vision-section .vision-box2 .vision-icon{
    margin-bottom: 65px;
}
.vision-section .vision-box2 h2{
    margin-bottom: 14px;
}

/* Community */

.community-section{
    padding: 170px 0 178px;
    background: var(--e-global-color-very-pale);
}
.community-section .community_content{
    text-align: center;
    padding: 0 45px;
}
.community-section .community_content h2{
    margin-bottom: 22px;
    padding: 0 45px;
}
.community-section .community_content p{
    margin-bottom: 40px;
}
.community-section .community_content .get_started {
    padding: 21px 32px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.community-section .community_content .get_started .arrow {
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.community-section .community_content .get_started:hover {
    background: var(--e-global-color-dark-blue);
}
.community-section .community_wrapper{
    position: relative;
}
.community-section .community_wrapper figure{
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.community-section .community_wrapper figure img{
    border-radius: 100px;
}
.community-section .community_wrapper figure:hover{
    transform: translateY(-5px);
}
.community-section .community_wrapper .community-image1{
    position: absolute;
    top: 36px;
    left: -20px;
}
.community-section .community_wrapper .community-image2{
    position: relative;
    top: -56px;
    left: 190px;
}
.community-section .community_wrapper .community-image3{
    position: relative;
    top: 94px;
    left: 134px;
}
.community-section .community_wrapper .community-image4{
    position: relative;
    top: 228px;
    left: -53px;
}
.community-section .community_wrapper .community-image5{
    position: relative;
    top: 22px;
    right: -130px;
}
.community-section .community_wrapper .community-image6{
    position: absolute;
    top: -32px;
    left: -20px;
}
.community-section .community_wrapper .community-image7{
    position: relative;
    top: 106px;
    right: 170px;
}
.community-section .community_wrapper .community-image8{
    position: relative;
    top: 88px;
    right: -126px;
}

/* join_us */

.join_us-section{
    padding: 150px 0;
}
.join_us-section .today_content{
    border-radius: 5px;
    background: var(--e-global-color-very-pale);
}
.join_us-section .join_us_content{
    padding: 80px 0 84px 83px;
}
.join_us-section .join_us_content h2{
    margin-bottom: 24px;
}
.join_us-section .join_us_content p{
    margin-bottom: 20px;
}
.join_us-section .join_us_wrapper .join_us-image{
    position: relative;
    right: -42px;
}
.join_us-section .join_us_wrapper .join_us-image img{
    border-radius: 0 5px 5px 0;
}

/* Mission Page */

.mission_banner-section {
    position: relative;
    padding: 112px 0 145px;
}
.mission_banner-section .mission_banner_content {
    text-align: center;
}
.mission_banner-section .mission_banner_content h1 {
    font-size: 56px;
    line-height: 60px;
}

/* Success */

.success-section{
    position: relative;
    padding-top: 150px;
}
.success-section .success_section_content{
    padding: 56px 102px 40px 120px;
    border-radius: 5px;
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
}
.success-section .success_wrapper .success-image{
    transition: all 0.3s ease-in-out;
}
.success-section .success_wrapper .success-image:hover{
    transform: translateY(-5px);
}
.success-section .success_content{
    padding: 70px 0 0 60px;
}
.success-section .success_content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 18px;
}

/* Setting */

.setting-section{
    padding: 145px 0;
    position: relative;
}
.setting-section .setting_content{
    text-align: center;
}
.setting-section .setting_content h2{
    margin-bottom: 44px;
}
.setting-section .setting-box{
    text-align: center;
}
.setting-section .setting-box .setting-image{
    width: 140px;
    height: 140px;
    line-height: 140px;
    margin-bottom: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    background: var(--e-global-color-white);
    box-shadow: 6px 0 54px rgb(0 0 0 / 4%);
    transition: all 0.3s ease-in-out;
}
.setting-section .setting-box .setting-image:hover{
    transform: translateY(-5px);
}
.setting-section .setting-box h4{
    margin-bottom: 10px;
}
.setting-section .setting-box .text2{
    margin: 0 -10px;
}
.setting-section .setting-box .text4{
    padding: 0 5px;
}

/* Choose */

.choose-section{
    padding: 150px 0;
    position: relative;
    background: var(--e-global-color-very-pale);
}
.choose-section .content{
    border-radius: 5px;
    background: var(--e-global-color-white);
}
.choose-section .content ul{
    padding: 46px 54px 46px 52px;
}
.choose-section .content .heading1 {
    font-size: 32px;
    line-height: 32px;
    padding: 30px 50px;
    border-radius: 5px 5px 0 0;
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
}
/* .choose-section .content .heading2 {
    background: var(--e-global-color-soft-violet);
} */
.choose-section .content-box {
    margin-bottom: 26px;
    display: flex;
    border-bottom: 1px solid var(--e-global-color-very-light-gray);
}
.choose-section .content-box .icon {
    position: relative;
    top: 5px;
    width: 8%;
    transition: all 0.3s ease-in-out;
}
.choose-section .content-box .icon figure {
    transition: all 0.3s ease-in-out;
}
.choose-section .content-box .icon figure:hover {
    transform: translateY(-5px);
}
.choose-section .content-box .context {
    padding-left: 16px;
    width: 92%;
}
.choose-section .content-box .context h5 {
    margin-bottom: 12px;
}
.choose-section .content-box .context .text-size-14 {
    margin-bottom: 24px;
}
.choose-section ul li:last-child {
    border: none;
    margin-bottom: 0;
}
.choose-section .choose_content ul{
    padding: 46px 66px 46px 52px;
}
.choose-section .choose_content .content-box .context {
    padding-left: 20px;
}

/* Shaping */

.shaping-section{
    padding: 140px 0 152px;
    position: relative;
}
.shaping-section .shaping_content{
    text-align: center;
}
.shaping-section .shaping_content h2{
    padding: 0 320px;
    margin-bottom: 20px;
}
.shaping-section .shaping_content h3{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 46px;
}
.shaping-section .shaping_content .get_started {
    padding: 21px 32px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.shaping-section .shaping_content .get_started .arrow {
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.shaping-section .shaping_content .get_started:hover {
    background: var(--e-global-color-dark-blue);
}

/* Demo Page */

.demo_banner-section {
    position: relative;
    padding: 70px 0 272px;
}
.demo_banner-section .demo_banner_content{
    text-align: center;
}
.demo_banner-section .demo_banner_content h2{
    padding: 0 300px;
}

/* Home */

.home_pages-section{
    margin-top: -250px;
    padding-bottom: 150px;
    position: relative;
    z-index: 1;
}
.home_pages-section .nav-tabs {
    border-bottom: none;
    margin-bottom: 70px;
    justify-content: center;
}
.home_pages-section .tabs-box .nav-tabs li:first-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 6px 0 0 6px;
    padding: 6px;
}
.home_pages-section .tabs-box .nav-tabs li:last-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 0 6px 6px 0;
    padding: 6px 6px 6px 0;
}
.home_pages-section .tabs-box .nav-tabs li a:hover {
    background: var(--e-global-color-very-soft-orange);
}
.home_pages-section .tabs-box .nav-tabs > li > a.active {
    background: var(--e-global-color-very-soft-orange);
}
.home_pages-section .tabs-box .nav-tabs li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 18px 36px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    color: var(--e-global-color-black);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.home_pages-section .image{
    padding: 15px 15px 17px;
    margin-bottom: 30px;
    border-radius: 15px;
    text-align: center;
    background: var(--e-global-color-white);
    box-shadow: 6px 0px 57px rgb(0 0 0 / 5%);
    position: relative;
    transition: all 0.3s ease-in-out;
}
.home_pages-section .tab-image1{
    max-height: 368px;
    margin-bottom: 18px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.home_pages-section .tab-image img{
    border-radius: 12px;
    width: 100%;
}
.home_pages-section .tab-image1 img:hover {
    -webkit-transform: translateY(calc(-70% + 540px));
    opacity: 0.9 !important;
}
.home_pages-section .tab-image1 img {
    transition: all 3s;
}
.home_pages-section .button {
    text-align: center;
    padding-top: 35px;
}
.home_pages-section .button .view_more {
    padding: 21px 37px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    background-color: var(--e-global-color-very-pale-cyan);
    transition: all 0.3s ease-in-out;
}
.home_pages-section .button .view_more .arrow {
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.home_pages-section .button .view_more:hover {
    background-color: var(--e-global-color-very-pale-lime-green);
}
.home_pages-section .image span{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--e-global-color-white);
    position: absolute;
    margin: 0 auto;
    top: 45%;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.home_pages-section .image .tab-image2 {
    position: relative;
    max-height: 100% !important;
}
.home_pages-section .image .tab-image2:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 75%;
    border-radius: 12px;
    position: absolute;
    background: var(--e-global-color-black);
}

/* Home Page Journey Section tabs */

.journey-section .nav-tabs {
    border-bottom: none;
    margin-bottom: 70px;
    justify-content: center;
}
.journey-section .tabs-box .nav-tabs li{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    padding: 6px;
}
.journey-section .tabs-box .nav-tabs li:first-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 6px 0 0 6px;
    padding: 18px 6px;
}

.journey-section .tabs-box .nav-tabs li:last-child{
    background: var(--e-global-color-white);
    box-shadow: 6px 0 57px rgb(0 0 0 / 2%);
    border-radius: 0 6px 6px 0;
    padding: 18px 6px 18px 0;
}
.journey-section .tabs-box .nav-tabs li:last-child a{
    border-right: none;
}
/* .journey-section .tabs-box .nav-tabs li a:hover {
    background: var(--e-global-color-very-soft-orange);
} */
/* .journey-section .tabs-box .nav-tabs > li > a.active {
    background: var(--e-global-color-very-soft-orange);
} */
.journey-section .tabs-box .nav-tabs li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 0px 36px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    color: var(--e-global-color-black);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #e8e8e8;
    border-radius: 0;
}
.journey-section .image{
    padding: 0;
    margin-bottom: 30px;
    border-radius: 5px;
    text-align: center;
    background: var(--e-global-color-white);
    box-shadow: 10px 4px 23px rgb(0 0 0 / 6%);
    position: relative;
    border: 3px solid var(--e-global-color-accent);
}
.journey-section .tab-image1{
    max-height: 512px;
    margin-bottom: 18px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    margin: 0;
}
.journey-section .tab-image img{
    width: 100%;
}
.journey-section .tab-image1 img:hover {
    -webkit-transform: translateY(calc(-100% + 512px));
    opacity: 0.9 !important;
}
.journey-section .tab-image1 img {
    transition: all 3s;
}
.journey-section .button {
    text-align: center;
    padding-top: 35px;
}
.journey-section .button .view_more {
    padding: 21px 37px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 8px;
    color: var(--e-global-color-very-dark-gray-mostly-black);
    background-color: var(--e-global-color-very-pale-cyan);
    transition: all 0.3s ease-in-out;
}
.journey-section .button .view_more .arrow {
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}
.journey-section .button .view_more:hover {
    background-color: var(--e-global-color-very-pale-lime-green);
}
.journey-section .image span{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--e-global-color-white);
    position: absolute;
    margin: 0 auto;
    top: 45%;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.journey-section .image .tab-image2 {
    position: relative;
    max-height: 100% !important;
}
.journey-section .image .tab-image2:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 75%;
    border-radius: 12px;
    position: absolute;
    background: var(--e-global-color-black);
}

.journey-section .hide-box,
.journey-section .hide-box-elementor,
.journey-section .hide-box-bakery
 {
    display: none;
}
.journey-section .tabs-box .nav-tabs li a span{
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--e-global-color-soft-blue);
}
.journey-section .tabs-box .nav-tabs >  li{position: relative; padding: 18px 6px}
.journey-section .tabs-box .nav-tabs >  li a:after{
  
    content: '';
    position: absolute;
    height: 2px;
    width: 60%;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    left: 0;
    bottom: 0px;
    opacity: 0;
    background: var(--e-global-color-soft-blue);
    right: 0;
    margin: 0 auto;
}
.journey-section .demos-content {
    margin-bottom: 35px;
    padding-top: 42px;
}
.journey-section .tabs-box .nav-tabs > li a.active:after  {opacity: 1;}
.journey-section .load-more {
    text-align: center;
}
.journey-section .load-more a {
    padding: 21px 37px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.journey-section .load-more a:hover {
    background-color: var(--e-global-color-dark-blue);
}
.journey-section .load-more a .arrow {
    top: -2px;
    margin-left: 14px;
    position: relative;
    display: inline-block;
}


#footer-chat-icon{
    background-color: var(--e-global-color-accent);
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 40px;
    right: 40px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 1;
    z-index: 1000000;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
    cursor: pointer;
}
#footer-chat-icon i {
    color: var(--e-global-color-white);
}