:root {
    --themeht-primary-color: #6200ff;
    --themeht-primary-color2: #f97794;
    --themeht-primary-color3: #3498db;
    --themeht-text-color: #16072f;
    --themeht-white-color: #ffffff;
    --themeht-body-color: #75727b;
    --themeht-bg-dark-color: #0f171b;
    --themeht-bg-light-color: #f8fafc;
    --themeht-border-light-color: #e1e1e1;
    --themeht-body-font-family: 'Heebo', sans-serif;
    --themeht-secondary-font-family: 'Syne', sans-serif;
    --gradient_spot1_color: #dbfdfe;
     --gradient_spot1_w: 75vw;
     --gradient_spot1_h: 75vh;
     --gradient_spot1_x: 0;
     --gradient_spot1_y: 0;
     --gradient_spot2_color: #dbfeff;
     --gradient_spot2_w: 75vw;
     --gradient_spot2_h: 75vh;
     --gradient_spot2_x: 100%;
     --gradient_spot2_y: 0;
     --gradient_spot3_color: #ecb0e6;
     --gradient_spot3_w: 75vw;
     --gradient_spot3_h: 75vh;
     --gradient_spot3_x: 100%;
     --gradient_spot3_y: 100%;
     --gradient_spot4_color: #fff0fb;
     --gradient_spot4_w: 75vw;
     --gradient_spot4_h: 75vh;
     --gradient_spot4_x: 0;
     --gradient_spot4_y: 100%;

}


@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');

body {font-family: var(--themeht-body-font-family); font-weight: normal; font-style: normal; font-size: 17px; line-height: 30px; color: var(--themeht-body-color); overflow-x: hidden;}
.page-wrapper{overflow-x: hidden;}

a { text-decoration: none; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: var(--themeht-primary-color); text-decoration: none !important; }
a, button, input { outline: medium none !important; color: var(--themeht-primary-color); }

*::-moz-selection { background: var(--themeht-primary-color); color: var(--themeht-white-color); text-shadow: none; }
::-moz-selection { background: var(--themeht-primary-color); color: var(--themeht-white-color); text-shadow: none; }
::selection { background: var(--themeht-primary-color); color: var(--themeht-white-color); text-shadow: none; }


/* ------------------------
    Transition
------------------------*/
a,
i,
.btn,
.btn span,
button,
img,
span,
.owl-item,
.featured-item,
.featured-icon,
.featured-item .featured-icon i {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}



/* ------------------------
    Box Shadow
------------------------*/
.box-shadow,
.scroll-top,
.featured-item,
.tab .nav-tabs .nav-link,
.home-img {
    -webkit-box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);
    -moz-box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);
    box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);
}

/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{font-weight:normal; margin-top: 0px; margin-bottom: 20px; font-style: normal; text-transform: capitalize; font-family: var(--themeht-secondary-font-family); color: var(--themeht-text-color);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.h1, h1 { font-size: 70px; line-height: 80px; font-weight: 700;}
.h2, h2 { font-size: 46px; line-height: 56px; font-weight: 700;}
.h3, h3 { font-size: 34px; line-height: 44px; font-weight: 600;}
.h4, h4 { font-size: 26px; line-height: 36px; font-weight: 600;}
.h5, h5 { font-size: 24px; line-height: 34px; font-weight: 600;}
.h6, h6 { font-size: 20px; line-height: 30px; font-weight: 600;}
ul { margin: 0px; padding: 0px; }
u {text-decoration-style: wavy;}


ul { margin: 0px; padding: 0px; }
*::-moz-selection { background: var(--themeht-primary-color); color: #fff; text-shadow: none; }
::-moz-selection { background: var(--themeht-primary-color); color: #fff; text-shadow: none; }
::selection { background: var(--themeht-primary-color); color: #fff; text-shadow: none; }

section{padding: 120px 0; position: relative;}

/* ------------------------
    Text color
------------------------*/
.text-theme{color:var(--themeht-primary-color);}
.text-white{color:var(--themeht-white-color);}
.text-black{color:#1c1d3e;}
.text-grey{color:#aaaaaa;}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color: var(--themeht-white-color) !important;}
.dark-bg{background-color: var(--themeht-bg-dark-color);}
.light-bg{background-color: var(--themeht-bg-light-color);}
.theme-bg{background-color: var(--themeht-primary-color);}
.transparent-bg{background-color: inherit !important;}
.grediant-bg{background-image: radial-gradient(var(--gradient_spot1_w) var(--gradient_spot1_h) at left var(--gradient_spot1_x) top var(--gradient_spot1_y), var(--gradient_spot1_color), transparent), radial-gradient(var(--gradient_spot2_w) var(--gradient_spot2_h) at left var(--gradient_spot2_x) top var(--gradient_spot2_y), var(--gradient_spot2_color), transparent), radial-gradient(var(--gradient_spot3_w) var(--gradient_spot3_h) at left var(--gradient_spot3_x) top var(--gradient_spot3_y), var(--gradient_spot3_color), transparent), radial-gradient(var(--gradient_spot4_w) var(--gradient_spot4_h) at left var(--gradient_spot4_x) top var(--gradient_spot4_y), var(--gradient_spot4_color), transparent);}
.grediant-bg2{background-image: radial-gradient(var(--gradient_spot1_w) var(--gradient_spot1_h) at left var(--gradient_spot1_x) top var(--gradient_spot1_y), var(--gradient_spot1_color), transparent), radial-gradient(var(--gradient_spot2_w) var(--gradient_spot2_h) at left var(--gradient_spot2_x) top var(--gradient_spot2_y), var(--themeht-primary-color), transparent), radial-gradient(var(--gradient_spot3_w) var(--gradient_spot3_h) at left var(--gradient_spot3_x) top var(--gradient_spot3_y), var(--themeht-primary-color2), transparent), radial-gradient(var(--gradient_spot4_w) var(--gradient_spot4_h) at left var(--gradient_spot4_x) top var(--gradient_spot4_y), var(--themeht-primary-color3), transparent);}
.grediant-bg3{background: linear-gradient(115deg, var(--themeht-primary-color2), var(--themeht-primary-color), var(--themeht-primary-color3));}


/* ------------------------
    Theme Button
------------------------*/
.themeht-btn { position: relative; display: inline-block; padding: 10px 25px; border-radius: 50px; border: none; background: linear-gradient(115deg, var(--themeht-primary-color2), var(--themeht-primary-color), var(--themeht-primary-color3)); color: var(--themeht-white-color); -webkit-transition: all .3s cubic-bezier(.02, .54, .58, 1); -o-transition: all .3s cubic-bezier(.02, .54, .58, 1); transition: all .3s cubic-bezier(.02, .54, .58, 1); font-family: var(--themeht-secondary-font-family); font-weight: 600; background-size: 150% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.themeht-btn:hover, .themeht-btn:focus { color: var(--themeht-white-color); background-position: 100% 0; }
.themeht-btn.dark-btn { background: var(--themeht-bg-dark-color); color: var(--themeht-white-color); background-size: inherit; }
.themeht-btn.dark-btn:hover, .themeht-btn.dark-btn:focus { background: var(--themeht-primary-color); color: var(--themeht-white-color); }
.read-button { color: var(--themeht-text-color); overflow: hidden; position: relative; display: inline-block; font-size: 18px; line-height:1 }
.read-button i { margin-left: 5px; font-size: 20px; vertical-align: middle; }
.read-button::before { content: ''; position: absolute; width: 100%; left: 0; background-color: var(--themeht-primary-color); height: 1px; bottom: 0; transform-origin: 100% 50%; transform: scaleX(0); transition: transform .8s cubic-bezier(0.76, 0, 0.24, 1); }
.read-button:hover::before { transform-origin: 0% 50%; transform: scaleX(1); }
.read-button span { display: inline-block; transition: transform .8s cubic-bezier(0.76, 0, 0.24, 1); }


/* ------------------------
    Section Title
------------------------*/
.theme-title { margin-bottom: 50px }
.dark-bg .theme-title h2, .theme-bg .theme-title h2, .dark-bg .theme-title p, .theme-bg .theme-title p { color: var(--themeht-white-color) }
.theme-title h6 { position: relative; display: inline-block; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; background: linear-gradient(115deg, var(--themeht-primary-color2), var(--themeht-primary-color), var(--themeht-primary-color3)); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.theme-title h2 { margin-bottom: 0; }
.theme-title p { margin-bottom: 0; margin-top: 15px }
.theme-bg .theme-title h6, .grediant-bg3 .theme-title h6{background: linear-gradient(115deg, var(--themeht-white-color), var(--themeht-white-color), var(--themeht-white-color)); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


.banner{padding: 120px 0;}
.navbar-brand { margin: 0; padding: 0; font-size: 5rem; line-height: 1; color: var(--themeht-text-color); font-family: var(--themeht-secondary-font-family); font-weight: 400; }
.navbar-brand span { font-weight: 600; background: linear-gradient(115deg, var(--themeht-primary-color2), var(--themeht-primary-color), var(--themeht-primary-color3)); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.service-sec:before {z-index: -1; content: ""; position: absolute; top: 5%; left: -15%; width: 130%; height: 100%; transform: rotate(3deg); background-image: radial-gradient(var(--gradient_spot1_w) var(--gradient_spot1_h) at left var(--gradient_spot1_x) top var(--gradient_spot1_y), var(--gradient_spot1_color), transparent), radial-gradient(var(--gradient_spot2_w) var(--gradient_spot2_h) at left var(--gradient_spot2_x) top var(--gradient_spot2_y), var(--gradient_spot2_color), transparent), radial-gradient(var(--gradient_spot3_w) var(--gradient_spot3_h) at left var(--gradient_spot3_x) top var(--gradient_spot3_y), var(--gradient_spot3_color), transparent), radial-gradient(var(--gradient_spot4_w) var(--gradient_spot4_h) at left var(--gradient_spot4_x) top var(--gradient_spot4_y), var(--gradient_spot4_color), transparent); }



/* ------------------------
    Demo
------------------------*/
.home-img { position: relative; border-radius: 20px; overflow: hidden; background: var(--themeht-white-color); text-align: center; }
.home-demo a { display: inline-block; }
.home-title a { padding: 20px; width: 100%; display: inline-block; margin-top: 1px; }
.home-title h5 { margin-bottom: 0 }
.owl-carousel .home-img { margin: 50px 0; }


/* ------------------------
    Tab
------------------------*/
.tab .nav-tabs{border:none;}
.tab .nav-tabs .nav-link{font-family: var(--themeht-secondary-font-family); background: var(--themeht-white-color); border-radius: 50px; margin-right: 20px; font-size: 24px; font-weight: 600; text-transform: capitalize; color: var(--themeht-text-color); float: left; position: relative; display: inline-block; border:none; padding:15px 40px;}
.tab .nav-tabs .nav-link:last-child{margin-right: 0;}
.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover{background: var(--themeht-primary-color); color: var(--themeht-white-color);}
.tab .tab-content{padding-top: 50px;}


/* ------------------------
    Featured Box
------------------------*/
.featured-item{background: var(--themeht-white-color); padding: 40px 30px; border-radius: 20px; text-align: center;}
.featured-item .featured-icon {margin-bottom: 20px;}


/* ------------------------
    Scroll to Top
------------------------*/
.scroll-top {position: fixed; bottom: 30px; right: 30px; z-index: 600; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0);}
.scroll-top a, .scroll-top a:visited {display: block; height: 60px; width: 60px; line-height: 60px; text-align: center; -webkit-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); box-shadow: 0 0 15px 6px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scroll-top.scroll-visible {opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}