/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 5.2.0
*/


@import '../techno/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/
.techno-header-top {
    display: none;
}
.em-quearys-top.msin-menu-search {
    display: none;
}
.techno_nav_area.prefix, .hbg2 {
    background-color: #000 !important;
        display: none !important;
}
/*.elementor-7 .elementor-element.elementor-element-13ff71b .section-title p {
    font-family: "Inter", Sans-serif;
}*/
body {
    font-family: "Inter", Sans-serif !important;
    background-color: #000 !important;
}
p, h1, h3 {
    color: #fff !important;
}
#scrollUp {
/*     background: #03d4ff80;
    border: 1px #fff solid; */
	    background: transparent;
    border: none;
        line-height: 55px;
}
#scrollUp:hover {
    color: #03d4ff;
    background: #000000b3;
}
.elementor-10450 .elementor-element.elementor-element-5c19841 {
    border-color: #03d4ff;
}
.bar.bar-big {
    background: #03d4ffad;
}

.bar.bar-big::before {
    background: #03d4ff;
}
.hyperspectral-text {
    background-color: #fff;
    background-image: linear-gradient(90deg, rgba(255, 139, 245, 1) 0%, rgba(215, 139, 255, 1) 8%, rgba(105, 97, 255, 1) 16%, rgba(32, 149, 219, 1) 24%, rgba(26, 159, 198, 1) 32%, rgba(3, 212, 171, 1) 40%, rgba(55, 215, 87, 1) 48%, rgba(53, 238, 1, 1) 56%, rgba(255, 252, 0, 1) 64%, rgba(255, 169, 8, 1) 72%, rgba(249, 150, 73, 1) 80%, rgba(255, 83, 32, 1) 88%, rgba(255, 68, 39, 1) 96%, rgba(255, 48, 48, 1) 100%);
    background-repeat: 'no-repeat';
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: all 0.3s ease-in;
}
.slider-video-icon a, .video-icon-box a {
    color: #03d4ff;
    display: none; /*Added*/
}
.learn_btn {
    color: #fff;
}
.learn_btn:hover {
    color: #03d4ff;
}
/*.elementor-widget-tabs .elementor-tabs-content-wrapper {
    border: 1px #d5d8dc;
}
.elementor-tabs-content-wrapper {
    border: 1px solid #03d4ff;
    background: #000;
    border-color: #03d4ff;
    border-width: 2px !important;
    border-left: 2px #03d4ff solid !important;
}*/
.elementor-3181 .elementor-element.elementor-element-534e3dc .section-title h3 {
    font-size: 30px;
}
.elementor-3181 .elementor-element.elementor-element-534e3dc .section-title h2 {
    font-size: 24px;
}
.elementor-tab-content h3 {
    color: #fff;
}
/*.techno-blog-meta-top li a {
    display: none;
}*/
.section-title h3, .section-title h2, .title_tx h3, .title_tx h2 {
    text-transform: uppercase;
}
.section-title.t_left span:not(.hyperspectral-text) {
    color: #03D4FF;
}
.techno_menu>ul>li a {
    font-family: "Barlow", Sans-serif;
    text-transform: uppercase;
    /*font-size: 14px;*/
    font-size: 12px;
}
.techno-blog-readmore a {
    /*font-size: 14px;*/
    /*font-size: 12px;*/
    /*text-decoration: underline;*/
    /*text-decoration-color: #03d4ff;*/
    /*text-underline-offset: 6px;*/
    /*font-weight: 300;*/
        /* font-size: 14px; */
    font-size: 14.66px;
    text-decoration: underline;
    text-decoration-color: #03d4ff;
    text-underline-offset: 6px;
    line-height: 20px;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Barlow';
}
.transprent-menu a.dtbtn {
    /*background: #03D4FF;*/
    /*border-color: #03D4FF;*/
    /*color: #000;*/
    /*font-family: "Barlow", Sans-serif;*/
    /*text-transform: uppercase;*/
    background: transparent;
    border-color: #03D4FF;
    color: rgb(4, 211, 252);
    font-family: "Barlow", Sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 40px;
    margin-left: 10px;
    font-family: "Barlow", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    fill: #03D4FF;
    color: #03D4FF;
}
.techno_menu ul .sub-menu{
    background: transparent;
}
.techno_menu ul .sub-menu li:before{
        color: #03D4FF;
        background: #fff;
}
.transprent-menu .techno_menu>ul>li a:hover {
    color: #03D4FF;
}
.techno-single-blog_adn:hover{
        box-shadow: none;
}
.techno_menu a.dtbtn {
    /*font-size: 14px;*/
    font-size: 13.3333px;
}
.transprent-menu a.dtbtn:hover {
    background: #03D4FF;
    color: #000;
    border: 1px solid #03D4FF;
}
.transprent-menu .hbg2 a.dtbtn {
	background: #03D4FF;
    border-color: #03D4FF;
    color: #000;
    /*font-size: 14px;*/
    font-size: 12px;
    font-family: "Barlow", Sans-serif;
    text-transform: uppercase;
}
.transprent-menu .hbg2 a.dtbtn:hover {
    background: transparent;
    color: #03D4FF;
    border: 1px solid #03D4FF;
}
.techno-blog-meta-left a {
    display: none;
}
.elementor-10450 .elementor-element.elementor-element-646eb7d .elementor-social-icon, .elementor-10450 .elementor-element.elementor-element-646eb7d .elementor-social-icon:hover {
    background-color: transparent;
}
.xpro-compare-handle {
    background-image: url("https://commscribe.azhardesai.com/wp-content/uploads/2024/05/imageedit_19_2857336660-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xpro-compare-container .xpro-compare-handle .xpro-compare-left-arrow, .xpro-compare-container .xpro-compare-handle .xpro-compare-right-arrow {
    display: none;
}
.bar-main {
    /*visibility: hidden;*/
    display: none;
}
.techno-blog-meta-top li a {
    background: #545456;
}
.transprent-menu .hbg2 .techno_menu>ul>li a {
    color: #fff;
}
/* Scrollbar CSS */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #545456; 
}
::-webkit-scrollbar-thumb:hover {
  background: #171717; 
}
/* End Of Scrollbar CSS */
/*.em-blog-content-area_adn {
    background-color: #171717;
}*/
/*.elementor-icon-box-wrapper:hover .elementor-icon-box-content {
    transition: border-color 1s ease;
}
.elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-animation- {
    transform: translateX(10px);
    transition: 1.6s;
}*/
.custom-transition .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
	border-top: 2px solid #03D4FF;
    transition: border-color 1s ease-in-out;
}
.service-box.service-style-ten::after {
    background-image: linear-gradient(to bottom, rgb(3 212 255 / 66%), #03d4ff);
    opacity: 0.7;
}
.xpro-tab-main>.xpro-tab-content-wrapper>.xpro-tab-content {
    padding: 0px;
}
.xpro-tabs-horizontal>.xpro-tab-list-wrapper>.xpro-tab-list>li {
    border: 1px solid #545456;
}
.service-box-number::before {
    background: #03d4ff;
}
.service-box.main-style:hover .service-box-title h2 span {
	color: #03d4ff;
}
.style-five .service-btn > a {
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: #03d4ff;
    text-underline-offset: 6px;
}
.xpro-horizontal-timeline-media {
    background-color: #000;
    border: 1px solid white;
}
.xpro-horizontal-timeline-bullet-line, .xpro-horizontal-timeline-content-inner:after, .xpro-horizontal-timeline-dates:before {
    background-color: #545456;
}
.xpro-owl-theme.owl-carousel .owl-nav button.owl-next, .xpro-owl-theme.owl-carousel .owl-nav button.owl-prev {
    background-color: #000;
    color: #03d4ff;
}
.em-blog-content-area_adn {
    padding: 30px;
}
/*.elementor-icon-box-content {
    border-top: 1px solid #fff;
    padding-top: 1rem;
}
.elementor-icon-box-wrapper:hover .elementor-icon-box-content {
    border-top: 1px solid #03D4FF;
}*/
.custom-transition p.elementor-icon-box-description {
    border-top: 1px solid white;
    padding-top: 1.5rem;
}
/*.elementor-icon-box-wrapper:hover p.elementor-icon-box-description {
    border-top: 2px solid #03D4FF;
}*/
.custom-transition h3.elementor-icon-box-title {
    /*padding-bottom: 1.5rem;*/
    padding-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
	.icons-container .elementor-column:not(:last-child) {
	    border-right: 1px solid;
	    border-image: linear-gradient(to bottom, #03d4ff, rgba(0, 0, 0, 0)) 1 100%;
	}
}
.search-area .em-quearys-menu i {
	width: 25px;
	height: 25px;
    background: transparent;
    margin-top: 5px;
}
.search-area .em-quearys-menu i.t-quearys {
    background-image: url(/pixxel/wp-content/uploads/2024/07/Search.png);
    background-position: center;
    background-size: cover;
}
.search-area .em-quearys-menu i.t-quearys.em-s-hidden {
    background-size: 0 0;
}
.search-area .em-quearys-menu i{
       font-size: 20px; 
}
.em-quearys-inner{
    right: 0px;
    top: 50px;
}
.search-area .top-form-control input.styled-input {
    width: 100%;
    padding: 10px 5px 0 0;
    border: none;
    border-bottom: 2px solid #03d4ff;
    background: transparent;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-bottom-color 0.3s;
    border-radius: 0px;
    text-align: right;
        height: 40px;
}
/* Placeholder text color */
.search-area .styled-input::placeholder {
    color: #aaa;
}
/* Change underline color on focus */
.search-area .styled-input:focus {
    border-bottom-color: #00ffff; /* Adjust the color as needed */
}
.search-area .em-quearys-inner::before {
    display: none;
}
.search-area .em-quearys-form {
    background-color: transparent;
    border-radius: 0px;
}
.feature-box.style-10 .feature_box_img {
    background-color: #000;
    border-radius: 100px;
    border: 2px solid #03d4ff;
    width: 75px;
    height: 75px;
        line-height: 75px;
}
.feature-box.style-10 .feature_box_img img {
    height: 34px;
}
.feature-box.style-10:hover .feature_box_img {
    background-color: #0D0D0E;
    border: 2px solid #03d4ff;
}
.feature_icon i::before {
    font-size: 70px;
    color: #fff;
}
.feature-box.style-11:hover .feature_icon i::before, .feature-box.style-13:hover .feature_icon i::before {
    color: #03d4ff;
}
.xpro-pricing-feature-icon svg {
	height: 30px;
	width: 30px;
}
.xpro-matrix-style-6 .xpro-matrix-badge {
    display: none;
}
.xpro-matrix-style-6 .xpro-matrix-comparison {
    border-right: 1.5px solid #ABB8BD;
}
/*.xpro-matrix-style-6 .xpro-matrix-slider-wrapper .owl-item:not(:last-child) {*/
/*    border-right: none;*/
/*    background-image: linear-gradient(to bottom, #ABB8BD 0%, #ABB8BD calc(100% - 65px), transparent calc(100% - 65px), transparent 100%);*/
/*    background-repeat: no-repeat;*/
/*    background-position: right;*/
/*    background-size: 1px 100%;*/
/*}*/
.xpro-matrix-style-6 .xpro-matrix-item-list>li.xpro-matrix-button-wrapper {
    border-top: none;
}
footer h2.elementor-heading-title.elementor-size-default {
    padding-bottom: 10px;
    display: inline-block;
}
footer h2.elementor-heading-title.elementor-size-default::after {
    content: '';
    display: block;
    width: 100%;            /* Set the width of the border */
    height: 0.25px;           /* Set the height of the border */
    background-color: #03d4ff; /* Set the border color */
    margin: 0;        /* Center the border */
    margin-top: 12px;       /* Optional: space between text and border */
}
footer .elementor-icon.elementor-social-icon {
    background-color: transparent;
}
footer .elementor-widget:not(:last-child) {
    margin-block-end: 0px;
}
footer .elementor-social-icon:hover svg {
    fill: #03d4ff !important;
}
.techno-blog-meta-top ul {
    display: none;
}
.blog-page-title_adn h2 {
    line-height: 1;
}
.blog-inner_adn {
    display: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background-color: #545456;
    width: 12px;
    height: 12px;
    /*border: 1px solid white;*/
}
.owl-carousel button.owl-dot.active {
	background-color: transparent;
    border: 1px solid #03d4ff;
    width: 15px;
    height: 15px;
}
.techno_menu ul .sub-menu li:hover {
    margin-left: 0;
}
.techno_menu ul .sub-menu li:hover:before {
    opacity: 0;
    /* left: 0px; */
}