@font-face {
	font-family: Helvetica;
	src: url('../fonts/Helvetica.ttf');
}
@font-face {
	font-family: Helvetica-Bold;
	src: url('../fonts/Helvetica-Bold.ttf');
}
@font-face {
	font-family: Roboto-Medium;
	src: url('../fonts/Roboto-Medium.ttf');
}
/*
font-family: "Space Grotesk";
font-family: "Outfit";
Thin 100
ExtraLight 200
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900
*/
html {
    scroll-behavior: smooth;
}

body {
	font-family: "Space Grotesk";
	font-size: 18px;
    line-height: 28px;
	font-weight: 300;
	color: #F5F5F5;
	overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 6px;
    background-color: #000;
}
body::-webkit-scrollbar-thumb {
    background-color: #00bcd4;
}
h2 {
    color: #fff;
    font-size: 64px;
    font-family: "Outfit";
    font-weight: 400;
    margin-bottom: 15px;

}
h4 {
    color: #00BCD4;
    font-size: 18px;
    font-family: "Outfit";
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}
a:focus {
    border: 0px;
}

/* Custom Toastr Styles */
#toast-container > .toast-error {
    background-color: #e74c3c;
    color: #ffffff;
}
#toast-container > .toast-success {
    background-color: #07bc0c;
    color: #ffffff;
}

/*======== Cursor CSS ========*/
.arrowcursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10000;
}
svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

line {
  stroke: #00bcd4;
  stroke-width: 2;
}

/*======== Cursor CSS End ========*/

/*======== PRELOADER CSS ========*/
.page-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #000;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

}
/*======== Model Css ========*/
#startedModel .modal-dialog {
    max-width: 800px;
}
#startedModel .modal-body {
    padding: 0px;
}
button.btn-close {
    position: absolute;
    color: #fff;
    background-color: #00bcd4;
    z-index: 1;
    right: 0px;
    opacity: 1;
    border-radius: 0;
}
#startedModel .contact_page_body {
    padding: 50px 20px;
}
#startedModel .row {
    align-items: center;
}
#startedModel .contact_col_img img {
    width: 300px;
}
.contact_form_col h2 {
    font-weight: 700;
    font-size: 45px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
}
/*======== Model Css End ========*/


/*======== Header Start ========*/
header.site_header {
    background-color: #121212;
    padding: 17px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 9;
}
.site_header .row {
    align-items: center;
}
.header_nav > ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
}
.header_nav > ul li {
    position: relative;
}
.header_nav > ul li a {
    padding: 10px;
    color: #848895;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 18px;
    display: inline-block;
}
.header_nav ul li a.active {
    color: #fff;
}
.header_nav > ul li span.material-symbols-outlined {
    transform: rotate(90deg);
    position: absolute;
    right: -5px;
    top: 0px;
    bottom: 0px;
    color: #848895;
}
.header_nav > ul li .active + span.material-symbols-outlined.dropdown_arrow {
    color: #fff;
}
ul.sub_menu {
    list-style: none;
    position: absolute;
    background-color: #121212;
    padding: 10px 20px;
    margin-top: 0px;
    display: none;
    transition: .5s;
    min-width: 300px;
}
.header_nav > ul li:hover ul.sub_menu {
    display: block;
}
.dropdown_active ul.sub_menu {
    display: block;
}
.header_cta {
	text-align: right;
}
.theme_btn {
    background-color: #00BCD4;
    color: #000 !important;
    text-decoration: none;
    font-family: Roboto-Medium;
    font-size: 16px;
    padding: 11px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    outline: none;
    border: 0px;
    margin-top: 12px;
}
.responsive_btn {
    display: none;
}

/*======== Nav Toggle ========*/
#toggle {
    width: 28px;
    height: 30px;
    margin: 10px;
    display: none;
}

#toggle div {
    width: 100%;
    height: 5px;
    background: white;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}

#toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}

/*======== Header End ========*/

/*======== Home Banner Start ========*/
.home_banner {
	background-image: url('../images/home_banner_bg1.png');
	background-size: cover;
	padding-top: 150px;
    overflow: hidden;
}
.banner_center_col img {
    mix-blend-mode: difference;
    position: relative;
    left: -47%;
    margin-top: -80px;
}
.banner_heading h1 {
    color: #fff;
    font-family: "Outfit";
    font-weight: 200;
    font-size: 72px;
    text-align: center;
}
.banner_heading h1 span {
    display: block;
    font-weight: 600;
    font-size: 63px;
}
.home_banner .row {
    align-items: center;
}
.banner_left_col {
    padding-top: 50px;
}
.banner_left_col img {
    position: relative;
    left: -30px;
}
.banner_left_col p {
	font-size: 16px;
}
.counter_box {
    text-align: right;
    border-bottom: 2px solid #00BCD4;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
p.counter {
    font-size: 48px;
    font-weight: 500;
    font-family: "Outfit";
    line-height: 50px;
}
.counter_box span {
    color: #00BCD4;
    font-size: 16px;
}
p.counter:after {
    content: '+';
    color: #00BCD4;
    margin-left: 5px;
}
.banner_right_col .counter_box:last-child {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
/*======== Home Banner End ========*/

/*======== Home About Sec Start ========*/
.home_about_sec {
	background-image: url('../images/aboutus_bg.jpg');
	background-size: cover;
}
.home_about_sec .row {
	align-items: center;
}
.chain_img img {
    mix-blend-mode: lighten;
    width: 100%;
}
.about_text_col {
    padding-left: 60px;
    max-width: 650px;
}
.about_text_col p {
    margin-bottom: 40px;
}
/*======== Home About Sec End ========*/
/*======== Home Service Sec Start ========*/
.home_services_sec {
    background-image: url(../images/Our-Product.webp);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.services_box_main {
    margin-bottom: 20px;
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
}
.services_head_text {
    max-width: 800px;
    margin-bottom: 70px;
}
.services_head_text p {
    margin-bottom: 0px;
}
h5.service_number {
    background-image: url(../images/service_number_bg.png);
    background-repeat: no-repeat;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Outfit";
    background-size: contain;
    padding: 5px 10px;
    margin-bottom: 40px;
}
.services_box img {
    margin-bottom: 30px;
}
.services_box h3 {
    font-weight: 500;
    font-family: "Outfit";
    margin-bottom: 10px;
}
.services_box p {
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}
.services_box a span {
    color: #00BCD4;
    font-size: 30px;
}
.service_btn {
    text-align: center;
    margin-top: 20px;
}

/*======== Home Service Sec End ========*/

/*======== Home Pricing Sec Start ========*/
.home_pricing_sec {
    background-image: url(../images/Pricing.gif);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.pricing_head_text {
    text-align: center;
    margin-bottom: 70px;
}
.home_pricing_sec .row {
    align-items: center;
}
.pricing_table_main {
    margin-bottom: 30px;
    /* border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266); */
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: 12px;
   
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing_head_text h4 {
    justify-content: center;
    margin-bottom: 30px;
}
.pricing_head_text p {
    margin-bottom: 0px;
}
.pricing_table h3 {
    font-size: 40px;
    margin-bottom: 20px;
    font-family: "Outfit";
    font-weight: 500;
}
.pricing_table_price h6 {
    border-top: 1px solid #f5f5f51c;
    border-bottom: 1px solid #f5f5f51c;
    display: flex;
    align-items: center;
    color: #00BCD4;
    font-size: 40px;
    font-family: "Outfit";
    font-weight: 600;
    padding: 10px 0px;
}
.pricing_table_price h6 sub {
    bottom: 0px;
    font-size: 18px;
    color: #F5F5F5;
    font-family: "Space Grotesk";
    font-weight: 400;
    text-transform: uppercase;
    left: 5px;
}
.packages_list span {
    font-weight: 500;
    font-family: "Outfit";
    padding: 10px 0px;
    display: block;
}
.packages_list ul {
    font-weight: 100;
    margin-bottom: 30px;
}
.pricing_table img {
    width: 100%;
}
/*======== Home Pricing Sec End ========*/
/*======== Home Projects Sec Start ========*/

.home_projects_sec {
    background-image: url(../images/Explore-Projects.gif);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.home_projects_sec .row {
    align-items: end;
    margin-bottom: 70px;
}
.project_main_box {
    margin-bottom: 30px;
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.projects_head_text {
    /*max-width: 670px;*/
}
.projects_head_btn {
    text-align: right;
}
.projects_head_text p {
    margin: 0px;
}
.project_details p {
    font-size: 16px;
}
.project_details ul {
    padding: 0px;
    margin: 20px 0px 0px;
    list-style: none;
    display: flex;
    gap: 12px;
}
.project_details ul li {
    border: 1px solid;
    padding: 6px 22px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 26px;
}
.project_image {
    max-width: 30%;
}
.project_image img {
    width: 100%;
}
.project_details {
    max-width: 50%;
}
.project_detail_btn {
    width: 20%;
    text-align: right;
}
.project_details span {
    font-weight: 100;
    font-size: 14px;
}
.project_details h3 {
    font-size: 36px;
    font-weight: 500;
    font-family: "Outfit";
    margin-bottom: 25px;
}
.project_details h5 {
    font-weight: 600;
}
/*======== Home Projects Sec End ========*/
/*======== Home Testimonials Sec Start ========*/
.home_testimonials_sec {
    background-image: url(../images/testimonials_bg.png);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.testimonials_head_text {
    text-align: center;
    max-width: 770px;
    margin: 0px auto;
    margin-bottom: 70px;
}
.testimonials_head_text h4 {
    justify-content: center;
    margin-bottom: 30px;
}
.testimonial_box {
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #0c0c0c61;
    backdrop-filter: blur(10px);
    padding: 32px;
    padding-top: 50px;
    border-radius: 12px;
}
.testimonial_box p {
    font-size: 16px;
    margin-bottom: 25px;
}
.testimonial_box > p {
    min-height: 170px;
}
.testimonial_writter {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.writter_name h5 {
    font-size: 22px;
    font-weight: 500;
    font-family: "Outfit";
}
.writter_name p {
    margin-bottom: 0px;
}
.writter_img {
    display: none;
}
.writter_img img {
    max-width: 60px;
    border-radius: 10px;
}
.testimonial_slider.owl-theme .owl-nav [class*=owl-] {
    margin: 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
}
.testimonial_slider button.owl-prev {
    left: -130px;
}
.testimonial_slider button.owl-next {
    right: -130px;
}
.testimonial_slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
/*======== Home Testimonials Sec End ========*/
/*======== Home Blog Sec Start ========*/
.home_blog_sec {
    background-image: url(../images/blog_bg.png);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
}
.home_blog_sec .head_text_row {
    align-items: end;
    margin-bottom: 70px;
}
.blog_box_main {
    margin-bottom: 30px;
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
}
.blog_head_text {
    max-width: 780px;
}
.blog_head_btn {
    text-align: right;
}
.blog_head_text p {
    margin: 0px;
}
.blog_img img {
    width: 100%;
    margin-bottom: 25px;
}
.blog_details span {
    font-weight: 100;
    font-size: 16px;
}
.blog_details h3 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 500;
    font-family: "Outfit";
    margin: 20px 0px 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_details p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
a.blog_read_btn {
    color: #00bcd4 !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
}
.home_blog_sec .blog_box_main {
    margin-bottom: 0px;
}
/*======== Home Blog Sec End ========*/
/*======== Home Cta Sec Start ========*/
.home_cta_sec {
    background-image: url(../images/cta_sec_bg.png);
    background-size: cover;
    padding: 173px 0px 200px;
    background-repeat: no-repeat;
    background-position: center center;
}
.cta_box_main {
    background-image: url(../images/Unlock_Crypto.webp);
    background-size: cover;
    padding: 65px 50px;
    border-radius: 25px;
}
.cta_box_inner {
    max-width: 590px;
}
.cta_box_inner p {
    margin-bottom: 40px;
}
/*======== Home Cta Sec End ========*/
/*======== Footer Css Start ========*/
.site_footer {
    background-image: url(../images/footer_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.footer_col_one p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.footer_col_two {
    display: flex;
    justify-content: space-around;
}
.site_footer h5 {
    font-size: 22px;
    font-weight: 500;
    font-family: "Outfit";
    margin-bottom: 16px;
}
.footer_menu ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.footer_menu ul li a {
    color: #F5F5F5 !important;
    text-decoration: none;
    font-size: 16px;
    line-height: 48px;
}
.form-inputs input[type="email"] {
    width: 100%;
    background-color: transparent;
    border: 1px solid #f5f5f529;
    border-radius: 8px;
    padding: 8px 16px;
    outline: none;
    margin-bottom: 10px;
}
.footer_copyright {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    border-top: 1px solid #cccccc2e;
    padding-top: 20px;
}
.footer_copyright p {
    font-size: 12px;
}
.footer_copyright p a {
    color: #00bcd4;
    text-decoration: none;
}
.footer_copyright ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: end;
    gap: 30px;
}
.footer_copyright ul a {
    color: #00bcd4;
    text-decoration: none;
    font-size: 12px;
}
.new-letter{
 color:#ffff;
}
.news-letter input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #f5f5f529;
    border-radius: 8px;
    padding: 8px 16px;
    outline: none;
    height: 46px;
    font-family: 'Roboto-Medium';
    color:#fff !important;
}
.news-letter input.submit-btn {
    background-color: #00BCD4;
    color: #000 !important;
    text-decoration: none;
    font-family: 'Roboto-Medium';
    font-size: 16px;
    padding: 11px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    outline: none;
    border: 0px;
    margin-top: 12px;
    width: auto !important;
    font-weight: 400;
    height: auto !important;
}
.news-letter input:focus {
    background-color: transparent;
    border: 1px solid #f5f5f529;
    outline: none;
    box-shadow: none;
}
.news-letter input.submit-btn:focus {
    background-color: #00BCD4;
    color: #000 !important;
    outline: none;
    box-shadow: none;
}
/*======== Footer Css End ========*/
/*======== About Us Page Css Start ========*/
.inner_banner_sec {
    background-color: #000;
    background-size: cover;
    padding: 300px 0px 200px;
    background-repeat: no-repeat;
    background-position: center center;
}
.about_banner_bg {
    background-image: url(../images/about_title_bg.png);
}
.inner_page_title h1 {
    color: #fff;
    font-family: "Outfit";
    font-weight: 200;
    font-size: 112px;
    text-align: center;
    line-height: 100px;
}
.inner_page_title h1 span {
    display: block;
    font-weight: 400;
    font-size: 132px;
    line-height: 130px;
}
.inner_page_title img {
    position: relative;
    left: 20px;
    top: -20px;
}
.inner_page_title h5 {
    font-size: 28px;
    font-family: "Outfit";
    margin-bottom: 12px;
    line-height: 40px;
}
.inner_page_title p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 0px;
    padding-right: 10px;
}
.about_tabs_sec {
    background-image: url(../images/about_tabs_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.tabs_main {
    margin-bottom: 100px;
}
.tabs_main p {
    margin-bottom: 20px;
    font-weight: 300;
}
.about_tabs_img img {
    width: 100%;
}
.tabs_main div#v-pills-tab {
    flex: 0 0 150px;
    margin-top: 90px;
}
.tabs_main div#v-pills-tab button.nav-link {
    padding: 0px;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 40px;
    background-color: transparent !important;
    text-align: left;
    text-transform: capitalize;
}
.tabs_main > .d-flex.align-items-start {
    gap: 210px;
}
.about_team_sec {
    background-image: url(../images/team_sec_bg.png);
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.team_text {
    margin-bottom: 115px;
}
.team_text p {
    margin-bottom: 20px;
    font-weight: 300;
}
.team_counter {
    display: flex;
    justify-content: space-between;
}
.team_counter .counter_box {
    border-bottom: 0px;
}
.about_team_sec .row .col-md-7 {
    padding-left: 50px;
}
.about_team_sec .row {
    align-items: center;
}
.team_members img {
    width: 100%;
}

/*======== About Us Page Css End ========*/
/*======== Services Page Css Start ========*/
.services_banner_bg {
    background-image: url(../images/services_title_bg.png);   
}
.inner_services_sec {
    background-image: url(../images/services_body_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}
.inner_services_row {
    align-items: center;
    margin-bottom: 100px;
}
.inner_services_row:nth-child(even) {
    flex-direction: row-reverse;
}
.services_col_text h3 {
    color: #fff;
    font-size: 48px;
    font-family: "Outfit";
    font-weight: 400;
    margin-bottom: 25px;
}
.services_pg_btn {
    background-color: transparent;
    color: #00BCD4 !important;
    text-decoration: none;
    font-family: Roboto-Medium;
    font-size: 16px;
    padding: 11px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    outline: none;
    border: 1px solid #00BCD4 !important;
    margin-left: 10px;
}
.services_col_text p {
    font-weight: 300;
}
.services_col_img img {
    width: 100%;
}
.inner_services_row .services_col_text {
    padding-left: 45px;
}
.inner_services_row:nth-child(even) .services_col_text {
    padding-left: 0px;
    padding-right: 45px;
}
/*======== Services Page Css End ========*/
/*======== Blog Page Start ========*/
.blogs_banner_bg {
    background-image: url(../images/blog_title_bg.png);   
}
.blogs_banner_bg .inner_page_title h1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_blog_sec {
    background-image: url(../images/services_body_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px 145px;
    background-repeat: no-repeat;
    background-position: center center;
}
/*======== Blog Page End ========*/
/*======== Contact Page Start ========*/
.contact_banner_bg {
    background-image: url(../images/contact_title_bg.png);
}
.contact_page_body {
    background-image: url(../images/contact_page_body.png);
    background-color: #000;
    background-size: cover;
    padding: 150px 0px 200px;
    background-repeat: no-repeat;
    background-position: center center;
}
.form_field input, .form_field textarea {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #F5F5F5;
    width: 100%;
    color: #F5F5F5;
    outline: none;
    font-weight: 300;
    padding: 10px;
    margin-bottom: 50px;
}
input#phone_number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input#phone_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
select#select-options {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #F5F5F5;
    width: 100%;
    color: #f5f5f55c !important;
    outline: none;
    font-weight: 300;
    padding: 10px;
    margin-bottom: 50px;
}
select#select-options option {
    color: #F5F5F5 !important;
    background-color: #020b0d;
}
/*======== Contact Page End ========*/
/*======== Blog Detal Page Start ========*/
.blog_detail_img img {
    width: 100%;
    margin-bottom: 30px;
}
.blog_date {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}
.tags_social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0px;
    border-top: 1px solid #ffffff29;
    padding-top: 30px;
}
.blog_tags ul,
.blog_social ul {
    display: flex;
    padding: 0px;
    margin: 0px;
    gap: 15px;
    list-style: none;
}
.blog_tags ul a {
    text-decoration: none;
    background-color: #00bcd4;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 2px;
}
.blog_social ul a {
    color: #fff;
}
.next_previus {
    display: flex;
    gap: 20px;
}
.previus_post,
.next_post,
.nav-previous,
.nav-next {
    margin-bottom: 30px;
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
}
.nav-previous a, .nav-next a {
    font-size: 1.75rem;
    text-decoration: none;
    background-color: transparent;
    font-weight: 500;
    line-height: 1.2;
    word-break: auto-phrase;
    padding: 0px;
}
.nav-previous a:hover, .nav-next a:hover {
    color: #00BCD4;
}
.nav-links.d-flex {
    gap: 20px;
}
.blog_inner_col_img img {
    width: 100%;
    margin: 20px 0px 30px;
}
.blog_detail_text h3 {
    margin: 30px 0px 20px;
}
.next_previus a {
    color: #fff;
    text-decoration: none;
}
.blog_details span {
	display: none;
}
/*======== Blog Detal Page End ========*/
.policy_text a {
	color: #00BCD4;
}
/*======== Our Projects Page Start ========*/
.project_banner_bg {
	background-image: url('../images/project_page_bg.png');
}

.inner_project_sec {
    background-image: url(../images/services_body_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}
.project_detail_text h3 {
    font-size: 36px;
    font-weight: 500;
    font-family: "Outfit";
    margin-bottom: 25px;
}
.project_detail_text h5 {
    font-weight: 600;
}
.project_detail_text p {
    font-size: 16px;
}
.project_detail_text span {
    font-weight: 100;
    font-size: 14px;
}
.project_detail_img img {
	width: 100%;
}
.project_row {
    margin-bottom: 30px;
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
}
.project_row .row {
    align-items: center;
}
.project_detail_text ul {
    padding: 0px;
    margin: 35px 0px;
    list-style: none;
    display: flex;
    gap: 12px;
}
.project_detail_text ul li {
    border: 1px solid;
    padding: 6px 22px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 26px;
}
section.project_inner_banner {
    padding-top: 142px;
    text-align: center;
    background-image: url('../images/project_lines_bg.png');
    background-size: cover;
    background-position: center;
    background-color: #000;
}
.project_inner_banner h3 {
    font-size: 72px;
    font-family: "Outfit";
    margin-bottom: 20px;
}
.project_inner_banner p {
    max-width: 997px;
    margin: 0px auto;
    font-size: 16px;
    font-weight: 300;
}
.project_description_sec {
    background-image: url(../images/project_detail_body_bg.png);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}
.description_text h3 {
    font-size: 48px;
    font-family: "Outfit";
    margin-bottom: 25px;
}
.description_text p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 60px;
}
.project_specifications {
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
}
.project_specifications ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.project_specifications ul li {
    border-bottom: 1px solid #f5f5f517;
    margin-bottom: 40px;
}
.project_specifications ul li:last-child {
    margin: 0px;
    border: 0px;
}
.project_specifications label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.project_specifications p {
    margin-bottom: 30px;
    font-weight: 300;
}
.project_specifications ul li:last-child p {
    margin-bottom: 0px;
}
.project_description_sec .project_detail_img {
    margin: 100px 0px;
}
.key_features h3,
.project_roadmap h3,
.used_technology h3 {
    text-align: center;
    font-size: 48px;
    font-family: "Outfit";
    margin-bottom: 50px;
}
.key_features_box {
    /*border-image: linear-gradient(120deg, #00bcd46b, #12121266, #12121266);*/
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 40px 32px;
    border-radius: 12px;
    min-height: 310px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 40px;
}
.project_description_sec h5 {
    font-size: 30px;
    font-family: "Outfit";
    margin-bottom: 15px;
    width: 100%;
}
.key_features_box p,
.key_features_box ul li {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
}
.project_statement_text p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 70px;
    padding-right: 10px
}
.statement_row {
    margin: 100px 0px;
}
.description_text {
    max-width: 730px;
}
.project_description_sec .row {
    align-items: center;
}
.client_feedback_box {
    text-align: center;
    justify-content: center;
    min-height: auto;
}
.project_statment_img img {
    width: 100%;
}
.inproress {
    color: #F5F5F5;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 18px;
    margin-bottom: 20px;
    background-color: #00bcd44f;
    border-radius: 4px;
    border: 1px solid #00BCD4;
    line-height: 20px;
}
.project_detail_text h3 .inproress,
.project_details h3 .inproress {
    margin-left: 30px;
    position: relative;
    top: -6px;
}
.roadmap_main {
    position: relative;
    background-image: url('../images/roadmap_img1.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.project_roadmap h3 {
    margin-bottom: 10px;
}
.roadmap_text {
    text-align: center;
    max-width: 270px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 130px;
    position: relative;
}
.roadmap_text h5 {
    font-size: 25px;
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 6px;
    justify-content: center;
}
.roadmap_text h5 .inproress {
    font-size: 14px;
    padding: 4px 15px;
    margin-bottom: 0px;
}
.roadmap_text h5 span {
    font-size: 18px;
}
.roadmap_text p {
    font-size: 14px;
    font-weight: 300;
    min-height: 85px;
    line-height: 20px;
}
.roadmap_box_7 p {
    min-height: auto;
}
.roadmap_box_1, .roadmap_box_4 {
    left: 50px;
}
.roadmap_box_5, .roadmap_box_6 {
    max-width: 350px;
}
.roadmap_box_3 {
    left: -30px;
}
.used_technology {
    padding-bottom: 100px;
}
.used_technology ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 117px;
}
.used_technology ul li {
    text-align: center;
}
.used_technology ul span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}
/*======== Our Projects Page End ========*/
/*======== Our Service Inner Page Start ========*/
.inner_services_bg {
    background-image: url(../images/services_title_inner_bg.webp);
}
.services_detail_sec {
    background-image: url(../images/services_detail_body_bg.webp);
    background-color: #000;
    background-size: cover;
    padding: 200px 0px;
    background-repeat: no-repeat;
    background-position: center center;
}
.services_detail_sec h5 {
    font-size: 40px;
    font-family: "Outfit";
    margin-bottom: 24px;
    text-transform: capitalize;
}
.service_detail_sec_one {
    text-align: center;
}
.service_detail_sec_one p {
    font-size: 16px;
    max-width: 1050px;
    margin: 0px auto;
}
.bottom_space100 {
    margin-bottom: 100px;
}
.service_detail_sec_two {
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 110px;
}
.service_detail_sec_two > div {
    width: 50%;
}
.service_detail_sec_two h5 {
    margin: 0px;
    line-height: 64px;
}
.services_detail_sec h3 {
    color: #F5F5F5;
    font-size: 48px;
    font-family: "Outfit";
    font-weight: 500;
    margin-bottom: 50px;
    text-transform: capitalize;
}
.services_detail_sec h6 {
    color: #F5F5F5;
    font-size: 28px;
    font-family: "Outfit";
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.service_detail_sec_three h3 {
    margin-bottom: 25px;
}
.service_detail_sec_three p {
    margin-bottom: 30px;
    font-size: 16px;
}
.service_detail_sec_three .row {
    align-items: center;
}
.why_choose_boxes img {
    border-radius: 10px;
}
.service_detail_sec_five img {
    border-radius: 15px;
    margin-bottom: 32px;
}
.service_detail_sec_five h3,
.service_detail_sec_six h3,
.service_detail_sec_seven > h3 {
    text-align: center;
}
.service_detail_sec_five > .row,
.service_detail_sec_six > .row,
.service_detail_sec_seven > .row {
    gap: 30px 0px;
}
.development_box, .why_choose_boxes, .engagement_box {
    border-color: #00bcd46b;
    border-image-slice: 1;
    border-width: 2px;
    border-style: solid;
    background-color: #12121261;
    backdrop-filter: blur(10px);
    padding: 32px;
    border-radius: 12px;
    margin-bottom: 10px;
    height: 100%;
}
.development_box p, .why_choose_boxes p, .engagement_box p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}
.why_choose_boxes ul {
    margin-top: 0px;
    padding-left: 15px;
}
.why_choose_boxes ul li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}
.why_choose_boxes {
    display: flex;
    gap: 32px;
    margin-bottom: 0px;
}
.engagement_box {
    text-align: center;
    margin-bottom: 0px;
}
.engagement_box img {
    margin-bottom: 24px;
}
.service_detail_sec_three img {
    width: 100%;
}
.button_right {
    text-align: right;
}
/*======== Our Service Inner Page End ========*/