/**
* Theme Name: nanosoft Child
* Description: Child theme for the nanosoft
* Author: LineThemes
* Template: nanosoft
*/

.nav-info, .nav-info a {color: #c74ffa;font-weight: 600;}
.nav-info
{
	background-image: linear-gradient(
		-225deg,
		#231557 0%,
		#44107a 29%,
		#ff1361 67%,
		#fff800 100%
	);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
}
@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

.site-header-classic.header-brand-left .navigator {padding: 0 3%;}
.reviewlogo .row img {margin-bottom: 25px;}

.foomenuhead > a {font-size: 20px;font-weight: 600;font-family: Poppins;color: #ffffff !important;}
.foomenuhead  ul.sub-menu {margin-top: 30px !important;}
.site-footer .footer-widgets h3.widget-title {font-size: 20px;font-weight: 600;}
.site-footer .footer-widgets .widget.widget_nav_menu.menu-style2 .menu > li {padding: 0 10px;}
.go-to-top{border: 1px solid #c74ffa;border-radius: 50%;}
.go-to-top:hover {border: 1px solid #1df2f8;}

.textanimate {
	font-size: 24px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.fixed-text {
	margin-right: 10px;
	font-size: 48px;
    font-weight: 600;
    color: #ffffff;
}
.animated-text {
	display: inline-block;
    overflow: hidden;
    height: 56px;
    position: relative;
    width: 30%;
}
.animated-text div {
	position: absolute;
    width: 100%;
    transform: translateX(100%);
    animation: slide 10s infinite;
    opacity: 0;
    color: #f4c;
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
}
.animated-text div:nth-child(1) {
	animation-delay: 0s;
}
.animated-text div:nth-child(2) {
	animation-delay: 2s;
}
.animated-text div:nth-child(3) {
	animation-delay: 4s;
}
.animated-text div:nth-child(4) {
	animation-delay: 6s;
}
.animated-text div:nth-child(5) {
	animation-delay: 8s;
}
@keyframes slide {
	0% { transform: translateX(100%); opacity: 0; }
	10% { transform: translateX(0); opacity: 1; }
	20% { transform: translateX(0); opacity: 1; }
	30% { transform: translateX(-100%); opacity: 0; }
	100% { transform: translateX(-100%); opacity: 0; }
}
.archive.category #site-footer #custom_html-6 .reviewlogo > .row, .single.single-post #site-footer #custom_html-6 .reviewlogo > .row {display: flex; justify-content: space-around;}
.archive.category #site-footer #custom_html-6 .reviewlogo > .row .vc_col-sm-6, .single.single-post #site-footer #custom_html-6 .reviewlogo > .row .vc_col-sm-6 {width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
@media only screen and (max-width: 768px) {
  .archive.category #site-footer #custom_html-6 .reviewlogo > .row, .single.single-post #site-footer #custom_html-6 .reviewlogo > .row {display: initial; justify-content: space-around;}
	.archive.category #site-footer #custom_html-6 .reviewlogo > .row .vc_col-sm-6, .single.single-post #site-footer #custom_html-6 .reviewlogo > .row .vc_col-sm-6 {width: 100%; padding-left: 15px; padding-right: 15px;}
}



/* larger screen size */

/* @media (min-width: 1400px) {
  .cus-banner-height-home .overlay {
    height: 350px!important;
  }
} */


/* Mobile Responsive */

@media (max-width: 768px) {
  .mobile-sec-hid {
    display: none;
  }	
  .fixed-text {
		font-size: 25px;
		text-align: center;
  }		
		
	
}


/* LMS Page Responsive */

@media (max-width: 768px) {
	#lms-banner{
		height: 290px!important;
	}
	.banner-sec-pen {
	    padding-left: 20px!important;
	    padding-right: 20px!important;
    }
	.sec-ped {
	    padding-top: 10px!important;
	    padding-bottom: 10px!important;
	    padding-right: 10px!important;
	    padding-left: 10px!important;
    }
	.cus-ul-style ul {
		padding-left: 20px!important;
	}
	a.vc_box_border_grey.vc_single_image-wrapper {
        width: 100px;
   }


}



.sec-ped {
	padding-top: 50px;
	padding-bottom: 30px;
	padding-right: 50px;
	padding-left: 50px;
}

.banner-sec-pen {
	padding-left: 70px;
	padding-right: 70px;
}

.mob-banner-sec{
	
}

#site .imagebox .box-header .box-title {
	font-size: 16px!important;
	font-weight: 500!important;
}

#site .imagebox .box-header {
	padding: 10px!important;
}



/* .footer-copyright.footer-copyright-center {
    text-align: center;
    display: none;
} */

/* Portfolio Page */

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab.vc_active>a {
	background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
	color: #fff!important;
}


.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a {
	color: #000!important;
}


@media (max-width: 750px) {
    .header-content .header-brand {
	    margin-left: 10px!important;
		padding: 10px 0px!important;
     }
}


@media only screen and (min-width: 320px) and (max-width: 544px) {
    body .site-header-classic.header-brand-left .extras, body .site-header-sticky.header-brand-left .extras, body .site-header-classic.header-brand-right .extras, body .site-header-sticky.header-brand-right .extras  {
         display: inline-table;
		 height: 0px!important;
		 
    }
	
	.cus-talk-btn{
		margin-right: 0px!important;
		font-size: 13px!important;
		padding: 2px 10px!important;
	}
	
	.contact {
    padding-top: 5% !important;
    padding-bottom: 0% !important;
    padding-right: 15% !important;
    padding-left: 15% !important;
    margin-top: 17px;
  }
   .logo.logoDark {
    width: 150px!important;
}
}



@media only screen and (min-width: 320px) and (max-width: 544px) {
    body .site-header-classic.header-brand-left .navigator, body .site-header-sticky.header-brand-left .navigator, body .site-header-classic.header-brand-right .navigator, body .site-header-sticky.header-brand-right .navigator {
        width: 2%!important;
    }
	
	    body h1, body h2, body .content-header .page-title-inner {
        font-size: 1.5rem!important;
    }
}	

@media only screen and (min-width: 320px) and (max-width: 544px) {
    body .site-header-classic.header-full .wrap, body .site-header-sticky.header-full .wrap {
        max-width: 100%!important;
    }
}





.font-text{
	font-size: 16px!important;
}
.vc_row.wpb_row.vc_row-fluid.overlay {
    background-color: #4e586e !important;
    background-blend-mode: overlay !important;
}
.cus-ul-style ul{
    list-style: none;
}
.cus-ul-style li:before {
    content: "\f058";
    color: #c74ffa !important;
    font-family: 'Font Awesome 5 Free';
    top: 0;
    width: 0px;
    height: 0px;
    margin-right: 10px;
}
.dev-style1.wpb_column.vc_column_container.vc_col-sm-3.vc_col-has-fill {
    text-align: center !important;
}
.hide-icon .iconlist-item-icon{
	display: none;
}
.faq-bg .vc_toggle.vc_toggle_default.vc_toggle_size_md:hover {
    background-image: linear-gradient(
		-225deg,
		#231557 0%,
		#44107a 0%,
		#c74ffa 67%,
		#1df2f8 100%
	) !important;
	border: none !important;
	color: #fff !important;
}
.faq-bg .vc_toggle_title h4:hover{
	color: #fff !important;
}
.blog-filter-remove .blog-entries .blog-grid .post .post-inner .post-image > img {
    filter: none !important;
	}
.blog-filter-remove .post-meta{
	display:none !important;
}
.box-after h3{
	text-align: center;
	font-size: 20px;
}
.box-after {
	text-align: center;
	font-size: 20px;
}
.box-after:after{
	content: url()
}
.box-des{
	font-size:15px;
	font-weight:400px;
}

.box-item {
	border: 1px solid #0E2B5C;
	border-radius: 10px;	
}
/* .box-end{
	border: 1px solid red !important;
} */

.caw_info_box_style_2 .caw-info-box-title {
	  margin-bottom: 0px!important;
    margin-top: 10px!important;
}
.caw_info_box_style_2 {
	margin-bottom: 0px!important
}
.btn-hover-style .caw-button-addon-1-box .hvr-shutter-out-vertical:before {
   border-radius: 5px  !important;
	 background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important; 
	color: #fff !important;
}
.caw_info_box_style_2 .caw-info-box-title {
	font-weight: 500!important;
}
.icon-hover:hover
{
	background: #C74FFA!important;
	margin: 7px!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.box-dese{
	font-size: 17px!important;
	font-weight: 400px!important;
	color:#0E2B5C!important;
}
.icon-hover .box-dese:hove{
	color: #fff!important;
}
.img-new{
	max-width: fit-content!important;
}
#cus-pos{
	background-attachment:fixed !important;
}
.cus-pos .cus-client-name-color .lvca-author-name{
	color: #fff !important;
}
.contact .row .columns {
    padding: 0px 5px!important;
}
.site-header-classic .navigator .menu-primary li .sub-menu li:hover > a, .site-header-sticky .navigator .menu-primary li .sub-menu li:hover > a, .post-meta .post-author-content a, .projects-filter ul li.active a, .contact .row label, #site .iconlist.iconlist-icon-large li .iconlist-item-content::before, table thead th, #site .pricing-table .price-column .price span, #site .pricing-table .price-column .features li span, .comment-author .fn, .comment-author .fn a, .blog-large .blog-readmore:hover {
	color: #0E2A5B!important;
}
.contact .row textarea {   
    height: 106px!important;
}
#site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container ul.vc_tta-tabs-list li{
	display: flex!important;
}

#site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container ul.vc_tta-tabs-list li {
	display: absolute!important;
}


#site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container ul.vc_tta-tabs-list li {
   
    display: inline!important;
}
/* Common styles for all timeline items */
.cus-timeline .timeline-text {
    color: #000 !important;
    text-align: justify !important;
    line-height: 25px !important;
    font-size: 14px !important;
}

.cus-timeline .timeline-ver-7-timeline__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cus-timeline .timeline-ver-7-timeline__content .timeline-img {
    margin-right: 20px; /* space between image and text */
}

.cus-timeline .timeline-ver-7-timeline__content .timeline-text,
.cus-timeline .timeline-ver-7-timeline__content .timeline-ver-7-timeline__date,
.cus-timeline .timeline-ver-7-timeline__content .timeline-title {
    order: 2;
}

.cus-timeline .timeline-ver-7-timeline__content .timeline-text {
    max-width: 60%; /* adjust width as necessary */
}

@media (max-width: 768px) {
    .cus-timeline .timeline-ver-7-timeline__content {
        flex-direction: column;
        align-items: flex-start;
    }
    .cus-timeline .timeline-ver-7-timeline__content .timeline-img,
    .cus-timeline .timeline-ver-7-timeline__content .timeline-text,
    .cus-timeline .timeline-ver-7-timeline__content .timeline-ver-7-timeline__date,
    .cus-timeline .timeline-ver-7-timeline__content .timeline-title {
        order: initial;
        margin-right: 0;
        max-width: 100%;
    }
}

/* Specific styles for alternating items */

/* First and third timeline items - image on the left */
.cus-timeline .timeline-ver-7-timeline__block:nth-child(1) .timeline-ver-7-timeline__content,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(3) .timeline-ver-7-timeline__content {
    flex-direction: row;
}
.cus-timeline .timeline-ver-7-timeline__block:nth-child(1) .timeline-ver-7-timeline__content .timeline-img,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(3) .timeline-ver-7-timeline__content .timeline-img {
    order: 1;
    margin-right: 20px; /* space between image and text */
}
.cus-timeline .timeline-ver-7-timeline__block:nth-child(1) .timeline-ver-7-timeline__content .timeline-text,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(3) .timeline-ver-7-timeline__content .timeline-text {
    order: 2;
}

/* Second and fourth timeline items - image on the right */
.cus-timeline .timeline-ver-7-timeline__block:nth-child(2) .timeline-ver-7-timeline__content,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(4) .timeline-ver-7-timeline__content {
    flex-direction: row-reverse;
}
.cus-timeline .timeline-ver-7-timeline__block:nth-child(2) .timeline-ver-7-timeline__content .timeline-img,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(4) .timeline-ver-7-timeline__content .timeline-img {
    order: 1;
    margin-left: 20px; /* space between image and text */
}
.cus-timeline .timeline-ver-7-timeline__block:nth-child(2) .timeline-ver-7-timeline__content .timeline-text,
.cus-timeline .timeline-ver-7-timeline__block:nth-child(4) .timeline-ver-7-timeline__content .timeline-text {
    order: 2;
}
.cus-timeline .timeline-vertical-7 .timeline-ver-7-timeline__img.timeline-ver-7-timeline__img--picture {
    background: linear-gradient(45deg, #c74ffa, #1df2f8);
}

.cus-timeline .timeline-vertical-7 .timeline-ver-7-timeline__content {
    -webkit-box-shadow: 0 7px 0 rgba(199, 79, 250, 0.7), 0 7px 0 rgba(29, 242, 248, 0.7);
    box-shadow: 0 7px 0 rgba(199, 79, 250, 0.7), 0 7px 0 rgba(29, 242, 248, 0.7);
}
.bg-color-remove .iconlist.iconlist-icon-xlarge {
    background-color: #f3fcff !important;
}
.info-bg-gradient,div#\31 713425741016-3522abc2-03a9 .vc_column-inner, .cus-port-style1 .vc_column-inner  {
/*   background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important;  */
	background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
	color: #fff!important;
	transition: transform 0.3s ease;	
}
.info-bg-gradient:hover{
	transform: scale(1.05);
	background-color: #c74ffa;
}
.cus-port-style .wpb_single_image img {
    width: 200px;align-content
}
.img-hover{
	transition: transform 0.3s ease !important;
}
.img-hover:hover{
		transform: scale(1.05);
}
.cus-banner-height {
    min-height: 500px !important;
}
.cus-cms-dev li > div, .cus-div {
    display: flex;
    flex-direction: column;
    text-align: center; 
}
.cus-single-img .caw-single-image-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
.cus-single-img .caw-single-image-content {
    padding: 20px;
    width: 100%;
		top: unset !important;
    max-width: 310px;
    border-radius: 10px;
    bottom: -100px;
    text-align: center;
    background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important;
	color: #fff !important;
	transition: transform 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    pointer-events: none;
}
.cus-single-img .caw-single-image-content:hover{
	transform: scale(1.05);
	background-color: #c74ffa;
}
.cus-single-img .caw-single-image-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.pendulum-counter-boxes {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
        
        @media (max-width: 1400px) {
            .pendulum-counter-boxes .pendulum-box:nth-child(odd) {
                min-height: 280px;
            }
        }
        
        .pendulum-counter-boxes .pendulum-box:nth-child(odd) {
            min-height: 360px;
        }
        
        @media (max-width: 1400px) {
            .pendulum-counter-boxes .pendulum-box {
                min-height: 420px;
            }
        }
        
        .pendulum-counter-boxes .pendulum-box {
            width: 33.33%;
            position: relative;
            min-height: 538px;
            transform-origin: 50% 0;
        }
        @keyframes moveIt {
    0%, 100% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}

.pendulum-box {
    animation: 3s ease-in-out 0s infinite normal none running moveIt;
}

        
        .pendulum-line {
            transform: translateX(0px) translateY(0px);
            transform-origin: 0px 0px;
        }
        
        @media (max-width: 1400px) {
            .pendulum-counter-boxes .pendulum-line {
                height: calc(100% - 185px);
            }
        }
        
        .pendulum-counter-boxes .pendulum-line {
            width: 1px;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            height: calc(100% - 225px);
            background: #4cc88c;
            margin: 0 auto;
        }
        
        @media (max-width: 1400px) {
            .pendulum-counter-boxes .pendulum-info {
                width: 185px;
                height: 185px;
            }
        }
        
        .pendulum-counter-boxes .pendulum-info {
            width: 225px;
            height: 225px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
        }
        
        .pendulum-counter-boxes .pendulum-info .pendulum-round {
            width: 100%;
            height: 100%;
            transform: rotate(90deg) scaleX(-1);
        }
        
        .pendulum-counter-boxes .pendulum-info .pendulum-details {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 20px;
            text-align: center;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            opacity: 1;
        }        
        .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box {
            width: 100%;
            padding: 0;
            border: 0;
        }
        
        @media (max-width: 1400px) {
            .counter-box {
                padding: 30px 20px;
            }
        }
        
        .counter-box {
            width: calc(20% - 24px);
            text-align: center;
            border: 1px solid rgba(157, 220, 255, .1);
            padding: 40px 20px;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }
        
        .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h3 {
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            font-size: 65px;
            line-height: 1;
        }
                
        @media (max-width: 1400px) {
            .counter-box h3 {
                font-size: 3.125em;
            }
        }
        
        .counter-box h3 {
            font-size: 3.5em;
            font-weight: 600;
            background-image: -o-linear-gradient(304.49deg, #fddd48 7.21%, #00b7c4 94.47%);
            background-image: linear-gradient(145.51deg, #fddd48 7.21%, #00b7c4 94.47%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            display: inline-block;
            width: 100%;
            margin: 0;
        }
        
        .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box span {
            font-weight: 700;
            color: #25245d;
            font-size: 16px;
        }
        
        @media (max-width: 1400px) {
            .counter-box span {
                font-size: 1.125em;
                font-weight: 500;
            }
        }
        
        .counter-box span {
            font-weight: 700;
            font-size: 1.25em;
            display: block;
        }
        
        .pendulum-round .st02 {
            fill: none;
            stroke: #04AE79;
            stroke-width: 0.8964;
        }
        .pendulum-round .st0 {
            fill: none;
            stroke: #40C0A4;
            stroke-width: 0.8964;
        }
        @media (max-width: 768px) {
            .pendulum-counter-boxes .pendulum-info .pendulum-round {
            width: 70%;
            height: 70%;
            transform: rotate(90deg) scaleX(-1);
        }  
        .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h2 {
            font-size: 50px;
            line-height: 1;
        }  
        .pendulum-counter-boxes .pendulum-info .pendulum-details {
            position: absolute;
            top : -40px;
            left: -50px;
            text-align: center;
            height: 100%;
            align-items: center;
            justify-content: center;
        } 
        }
        
        .pendulum-round .st01 {
            fill: none;
            stroke: #2085F2;
            stroke-width: 0.8964;
        }

.blog-filter-remove .post-inner:hover{
	box-shadow: 0 5px 5px 5px rgba(137, 173, 255, .35);
    border-radius: 4px;
		padding:20px;
}
.info-bg-gradient img.caw-single-image.attachment-full {
    width: 200px !important;
}
.info-bg-gradient .caw-imgzoom-effect1 img {
    -webkit-transition: all 0.2s ease-out;
	transition: all 0.3s ease-out;align-content
}
#site-header .hiring {
		text-align: center;
    animation: 1.25s ease-in-out infinite alternate moveIt;
	    margin-top: 40px !important;
}

.get-in-touch-button button {
  position: relative;
  color: #fff;
  text-decoration: none;
  transition: 0.2s; 
	padding-left: 12px;
	padding-right: 12px;
}

.get-in-touch-button button:hover {
  letter-spacing: 0.1rem;	
  background: var(--clr);
  color: #fff;
   animation: box 3s infinite;
}

.get-in-touch-button button::before {
  content: "";
  position: absolute;
  inset: 2px;
  background: #c74ffa;
}

.get-in-touch-button button span {
  position: relative;
  z-index: 1;
}
.get-in-touch-button button i {
  position: absolute;
  inset: 0;
  display: block;
}

.get-in-touch-button button i::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 80%;
  top: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

.get-in-touch-button button:hover i::before {
  width: 15px;
  left: 20%;
  animation: move 3s infinite;
}

.get-in-touch-button button i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 20%;
  bottom: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

.get-in-touch-button button:hover i::after {
  width: 15px;
  left: 80%;
  animation: move 3s infinite;
}

@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes box {
  0% {
    box-shadow: #27272c;
  }
  50% {
    box-shadow: 0 0 25px var(--clr);
  }
  100% {
    box-shadow: #27272c;
  }
}
.video-container {
    position: relative;
    width: 100%;
    height: 100vh; 
    overflow: hidden;
}

#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: 1; 
}

/* .video-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(78, 88, 110, 0.5); 
    z-index: 2; 
    pointer-events: none;
} */

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; 
    pointer-events: none; 
}

.video-container .caw-aheading-wrapper  {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4; 
    text-align: center;
    color: #fff;
	width: 100%;
}
.single-post .site-content .content-header.content-header-featured .content-header-inner {
    min-height: 60vh !important;
}
.single-post .post-content-inner p, .single-post .post-content-inner ul li{
    text-align: justify !important;
}
.post-image {
    background-color: #0e2b5c !important;
}
.bg-style-3 .caw-imgicon-component-style {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}
.bg-style-3 .caw-imgicon-component-style:hover {
    filter: none;
    
}
.bg-style-3 .caw_info_box_style_1:hover .caw-info-box-title {
    color: #1e395e !important;
    font-size: 14px;
    font-weight: normal;
}
.cus-testo .lvca-author-credentials {
    max-width: 350px;
    word-wrap: break-word;
	  color: #0e2b5c !important;
}
.cus-port-style .cus-img .wpb_single_image img {
    width: 100px !important;
}
.cus-div-style h3{
	font-size: 1.4rem !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.cus-div-style .iconbox .box-icon{
	margin: 0px !important;
}
.remote-ul li h4{
    color: #fff !important;
}
.remote-post .testimonial .testimonial-wrap,
ul.iconlist.iconlist.iconlist-icon-medium.remote-post-2{
    text-align: center;
}
.remote-contact-form .contact{
    background-color:#e3f5ff !important;
	box-shadow: 4px 4px 6px 0 rgb(255 255 255 / 50%), -4px -4px 6px 0 rgb(116 125 136 / 25%), inset -4px -4px 6px 0 rgb(255 255 255 / 20%), inset 4px 4px 6px 0 rgb(0 0 0 / 28%);
    border-radius: 4px 4px 4px 4px;
    border:none !important;
}
.box-des{
    display: flex;
    flex-direction: row;
    align-content: center;
}
#cus-tab-style ul.vc_tta-tabs-list .vc_active{
	background-color: #0e2b5c;	
	border: none !important;
	border-radius: 10px !important;
	outline: none !important;
}
#cus-tab-style ul.vc_tta-tabs-list .vc_active .vc_tta-title-text{
color: #fff !important;	
}

#cus-tab-style .vc_tta-tabs.vc_tta-has-pagination ul.vc_pagination li.vc_active a {
	background: #cb69fb;
}
.cus-font-color{
	color: #fff !important;
}
.cus-foo-logo{
	width:180px;
	height:50px;
	margin-bottom: 30px !important;
}
.single-post div#related-posts, .single-nproject .projects-related {
    margin-left: 70px !important;
    margin-right: 70px !important;
}
/* .reviewlogo img{
	width:150px;
	height: 80px;
} */
#custom_html-6.cus-font .widget-title{
	color: #fff !important;
}
.cus-project-style .projects-top {
    display: flex;
    justify-content: center !important;
    margin-top: 40px !important;
}

.cus-project-style .projects-filter ul {
    margin: 0 0 50px 0;
    padding: 0;
    list-style: none;
    display: flex; 
    justify-content: center; 
    font-size: 15px;
}

.cus-project-style .projects-filter ul li {
    margin: 0 10px; 
}
.button.small {
	line-height: 20px !important; 
}
/* Style for cus-project container */
.single-nproject.sidebar-none .main-content .content {
    padding: 0 5% !important;
}
.cus-project{
	display: flex;
	flex-direction: column !important;
    justify-content: space-between;
}
.cus-project-row {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.cus-project-column {
    flex: 1;
    text-align: justify !important;
    box-sizing: border-box;
    line-height: 35px !important;
    margin-right: 5%;
}

.cus-project button {
    margin-bottom: 15px !important;
	line-height: 35px !important;
	padding: 5px 45px !important;
}

.cus-project p {
    margin-top: 10px;
    text-align: justify !important;
}

.cus-project img {
    max-width: 100%;
}

.cus-project-container-box {
    border: 2px solid #000;
    padding: 20px;
    margin-bottom: 20px;
	background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important; 
	color: #fff !important;
	transition: transform 0.3s ease;
	border-radius: 10px !important;
}

.cus-project-container-box .cus-project-row {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.cus-project-container-box h3 {
   margin: 10px;
	float:left !important;
	 font-size:1.5rem !important;
}
.cus-project-container-box .cus-project-border-button {
    background-color: transparent;
	font-weight: bold !important;
    border: 2px solid #000;
    padding: 5px 45px !important;
    cursor: pointer;
		width: 100% !important;
	text-align: center !important;
}
.cus-project-column h3 {
    text-align: left !important;
}

.cus-project-border-button:hover {
    border: none !important;
    background-color: #c74ffa !important;
    color: #fff !important;
}
@media screen and (max-width: 768px) {
    .cus-project {
        padding: 0 20px; 
    }

    .cus-project-row {
        display: flex;
        flex-direction: column; 
    }

    .cus-project-column {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .cus-project button {
        margin: 10px auto;
    }
}
.single-nproject .project-header {
    display: none;
}
.projects-masonry .project .project-inner .project-thumbnail img{
	filter: none !important;
}
.projects-grid .project .project-inner .project-thumbnail a::before{
	background-color: #2e4576 !important;
}
.cus-project-column img {
    width: 100% !important;
    height: 430px !important;
}
.cus-port-style p {
    color: #000 !important;
}
.cus-home-ani-font .caw-aheading-spin{
	margin-top: 30px !important;
}
.cus-banner-height-home {
      min-height: 650px !important;
    }
.caw-time-counter::after {
      content: "+";
      margin-left: 2px; 
    }
.cus-home {
      text-align: center !important;
      font-size: 3rem;
      color: #fff !important;
      margin-bottom: 150px !important;
    }
.cus-banner-height-home .vc_column-inner {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
:root {
      --color1: #ff44cc;
      --color2: #ff44cc;
      --color3: #ff44cc;
      --color4: #ff44cc;
      --color5: #ff44cc;
    }
.cus-banner-height-home .typewrite .wrap span {
      display: inline-block;
      color: inherit;
}

.orm-text{
	font-size: 16px;
}

.orm-img-text{
	font-size:20px;
	font-weight: 600;
}


.cus-orm-box .caw-icon-component-style > div {
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #e86b03;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}
.bg-style-2{
/*     background-color: #334165;
background: -moz-linear-gradient(left, #334165 0, #2196F3 100%) !important;
background: -webkit-linear-gradient(left, #334165 0, #2196F3 100%) !important;
background: linear-gradient(to right, #334165 0, #2196F3 100%) !important; */

    background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
    overflow: hidden;
    position: relative;
    color: #fff;
}
.img-hover-anim .caw-imgicon-component-style img {
    transform: rotate(0); /* Initial state with no rotation */
    transition: all ease-in-out 0.3s;
    border-radius: 50%; /* Ensure circular form */
}

.img-hover-anim .caw-imgicon-component-style img:hover {
    box-shadow: 0px 0px 20px #050249; /* Shadow effect on hover */
    transform: rotate(10deg); /* Slight rotation on hover */
}
@media (max-width: 768px) {
    .bg-style-2 .vc_custom_1716877671037{
    background-image: none !important;
}
.img-hover-anim .caw_info_box_style_1{
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    text-align: center !important;
}
}
.bg-style-3 .caw-imgicon-component-style {
    -webkit-filter: hue-rotate(180deg) !important;
    filter: hue-rotate(358deg) !important;
}
.smm-h{
	line-height: 50px;
}
.smm-icon-box{
	display: grid!important;
}
.box-icon-list{
	flex-direction: inherit!important;
}
#site .iconlist.iconlist-icon-small li .iconlist-item-icon {
	margin-right:10px!important;
}
.img-ra{
	border-radius: 25px!important;
}
.cus-talk-btn{
	position: relative;
  color: #fff;
/*   text-transform: uppercase; */
/*   border: none; */
/*   letter-spacing: 0.1rem; */
  font-size: 16px;
  padding: 4px 20px;
  transition: 0.2s;
	margin-right: 50px;
	border-radius: 5px!important;
	
}
.cus-talk-btn:hover {
/* 	letter-spacing: 0.2rem; */
  padding: 4px 20px;
  background: var(--clr);
  color: var(--clr);
  animation: box 3s infinite;
}
.cus-talk-btn::before {
  content: "";
  position: absolute;
  inset: 2px;
/*   background: #c852fa; */
	background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
}
.cus-talk-btn span {
  position: relative;
  z-index: 1;
}
.cus-talk-btn i {
  position: absolute;
  inset: 0;
  display: block;
}
.cus-talk-btn i::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 80%;
  top: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

.cus-talk-btn:hover i::before {
  width: 15px;
  left: 20%;
  animation: move 3s infinite;
}
.cus-talk-btn i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 20%;
  bottom: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}
.cus-talk-btn:hover i::after {
  width: 15px;
  left: 80%;
  animation: move 3s infinite;
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes box {
  0% {
    box-shadow: #27272c;
  }
  50% {
    box-shadow: 0 0 25px var(--clr);
  }
  100% {
    box-shadow: #27272c;
  }
}

.line{
	line-height: 35px!important;
}


.bg-style-3 .caw_info_box_style_1:hover .caw-info-box-title {
	color: #ff44cc!important;
}



.text-p{
	font-size: 17px;
}


.cky-revisit-bottom-left { 
	display: none!important;
}

@media (max-width: 767px) {
	.cus-banner-height-home {
		min-height: 275px!important;
	}
}


/* @media (max-width: 1400px) {
	.fixed-text {
		font-size: 20px!important;
		text-align: center;
	}
} */


.menu-sliding li .menu-item-toggle:after {
	color: #c74ffa!important;
}

@media only screen and (min-width: 320px) and (max-width: 544px) {
	.cus-banner-height {
      min-height: 150px !important;
}

	.mobile-heading{
		font-size: 23px!important;
		line-height: 30px!important;
		font-weight: 500!important;
		padding-top: 10px!important;
	}
	.mobile-text{
		font-size: 16px!important;
	}

	.vc_custom_1721911465324 {
		padding: 0px!important;	
	}
	
	.mobile-Section-heading{
		font-size: 30px!important;
		line-height: 40px!important;
		 text-align: center!important;
		
	}
	.mobile-Section-heading-bold{
		font-size: 30px!important;
		line-height: 40px!important;
		text-align: center!important;
	}
	.reviewlogo img {
    width: 69%!important;
		height: 100%!important;
   }
	.vc_custom_1719235420659 {
		padding-left: 20px!important;
	}
	.col-responsive{
		margin-top: 25px!important;
	}
	.caw-button-wrapper{
		text-align: center!important;
		margin-top: 20px!important;
		margin-bottom: 10px!important;
	}
	.section-space {
	padding-left: 20px!important;
	padding-right: 20px!important;
  }
	.animated-text div {
		font-size: 25px!important;

	}
	.cus-sec{
		padding-left: 05px!important;
		padding-right: 05px!important;
	}
	
	.cus-clock .clock {
		margin-left: 0px!important;
	}
}

.section-space {
	padding-left: 150px;
	padding-right: 150px;
}


.wp-block-social-links .wp-block-social-link.wp-social-link {
	padding: 8px!important;
}



.social-iconss {
    display: flex;
    flex-direction: column; /* Align items vertically */
    align-items: center; /* Center items horizontally */
    list-style: none;
    padding: 10px;
	  font-size: 45px;
}

.social-iconss a {
    display: flex;
    align-items: center;
    text-decoration: none; /* Remove underline */
    color: ; /* Change color if needed */
    font-size: 16px; /* Adjust font size */
}

.social-iconss i {
    margin-right: 8px; /* Space between icon and text */
    font-size: 24px; /* Adjust icon size */
}

.social-iconss a:hover {
    color: #007bff; /* Change color on hover */
}


.dscf7_refresh_captcha{
	display: none;
}

.section-resize{
	padding-left: 140px!important;
	padding-right: 140px!important;
}


.cus-text{
	font-size: 25px;
	font-weight: 400;
	margin-top: 10px;
}

.cus-sec{
	padding-left: 60px;
	padding-right: 60px;
}

.cus-txt{
	font-size: 20px;
	font-weight: 400;
	margin-top: 20px;
	line-height: 30px
}

.caw-time-counter {
	padding-bottom: 10px;
}

.contact .row {
	margin-bottom: 9px!important;
}

input {
    height: 39px!important;
}

.wpcf7-form-control {
	height: 39px!important;
}


.contact{
	padding-top: 6%;
	padding-bottom: 0%;
	padding-right: 10%;
	padding-left: 10%;
}


/* Popup responsive */

@media only screen and (min-width: 320px) and (max-width: 544px){
	.sg-popup-content .sgpb-content .sgpb-content-4973 .sgpb-theme-6-content{
		padding: 0px!important;
		padding-left: 40px!important;
		width: 356px!important;
		max-width: 1000px!important;
		max-height: 650px!important;
	}
	
	.cus-popup{
		display: block!important;
	}
	
	.res-but{
		display: none;
	}
}


.caw-btn{
	padding: 8px!important;
}

/* Blog Page section*/

.fix-cont {
     
} 

/* Blog Page  */


/* Basic styles for the table and button */
.table-container {
    width: 100%;
    overflow-x: auto; /* Allows horizontal scrolling if needed */
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
}

.table-container th, .table-container td {
    padding: 8px;
}

.button-container {
    text-align: right; /* Align the button to the right */
}

.button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    color: white;
    background-color: #007bff;
    text-decoration: none;
    border-radius: 4px;
}

/* Mobile styles */
@media (max-width: 600px) {
    .button-container {
        text-align: center; /* Center the button on small screens */
    }

    .button {
        display: block; /* Ensure the button takes full width on mobile */
        width: 100%;
        font-size: 16px;
    }

	#site .iconlist.iconlist-icon-medium li .iconlist-item-icon {
		text-align: center!important;
	}

	.single-post .post-content-inner p, .single-post .post-content-inner ul li {
    text-align: justify !important;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
}
	
	.single-post .post-inner .post-header .post-title, .single-attachment .post-inner .post-header .post-title {
		font-size: 20px;
	}
	
	.single-post .related-posts .related-posts-title, .single-attachment .related-posts .related-posts-title {
		font-size: 20px;
	}
	.animated-text div {
		font-size: 20px!important;
	}
	.animated-text{
		position: static;
		width: 100%;
		overflow: auto;
		text-align: center;
		line-height: 0px;
	}
	.textanimate {
		display: block;
		align-items: center!important;
	  justify-content: center!important;
	  white-space: nowrap;
		height: 0px!important;
	}
}

/* landing Page Code */

.hire-text{
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
}

.icon-text-sty ul{
    list-style: none;
}
.icon-text-sty li:before {
    content: "\f058";
    color: #c74ffa !important;
    font-family: 'Font Awesome 5 Free';
    top: 0;
    width: 0px;
    height: 0px;
    margin-right: 10px;
	
}

.icon-text-sty li{
	padding-bottom: 10px;
}


.btn-styl{
	background: #c74ffa!important;
	color: #fff!important;
	border-radius: 45px;
	cursor: pointer;
}


.btn-styl:hover{
	background: #87CEEB!important;
	color: #ffffff!important;
}

.sec-hov-sty {
	box-shadow: 1px 2px 12px rgba(12, 12, 12, .09);
    border-radius: 10px;
	  
}
.icon-style-box ul{
    list-style: none;
}

.icon-style-box li:before {
	content: "▶";
    color: #c74ffa !important;
    font-family: 'Font Awesome 5 Free';
    top: 0;
    width: 0px;
    height: 0px;
    margin-right: 10px;
}

.icon-style-box li{
	padding: 10px;
}


.sec-resp{
	padding-left: 50px;
}

.row-recp{
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 600px) {
	.sec-resp{
	padding-left: 10px;
}
	.row-recp{
	padding-left: 10px;
	padding-right: 10px;
}
	.sec-resp-top{
		padding-top: 15px;
	}
	.widget{
	padding-left: 5px!important;
	padding-right: 5px!important;
}
	
}
.box-readmore a.button.no-bg {
    color: #00aff0 !important;
}
.box-readmore a.button.no-bg:hover {
    color: #fff !important;
}
.text-bold .button{
	font-weight: 700 !important;
}
#site .owl-buttons .owl-prev:after, #site .owl-buttons .owl-next:after{
	    background: #ff0101 !important;
}
#site .owl-buttons .owl-prev, #site .owl-buttons .owl-next{
	color: #ff0101 !important;
}
#sgpb-popup-dialog-main-div {
    background-color: #f4faf8 !important;
}

.footer-service-menu {
	margin-left: 0px!important;
}

.site-footer .footer-widgets h3.widget-title {
	color: #fff!important;
}

.widget{
	padding-left: 5px!important;
	padding-right: 5px!important;
}


.widget-even {
	padding-bottom: 0px!important;
	padding-top: 0px!important;
}


#custom_html-3{
	padding-top: 0px!important;
}



/* Home page image ani */

.img-ani{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}


@media (max-width: 600px) {
	.img-ani{
		text-align: right!important;
		padding-right: 20px;
	}

	.mobile-rec{
		display: none;
	}
}


.site-header-sticky.header-brand-left .navigator {
    
    padding: 3px!important;
}

/* Footer */

.site-footer .footer-copyright {
	padding: 10px 0px!important;
	background: #0c0a0a!important;
	color: #fff!important;
	font-size: 17px;
}

/* homesec */
.grdient-bggg {
    background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
  
}



.grdient-bgg {
    background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
  border-radius: 5px;
}

.footer-widgets {
	background-color: #000000!important;
}

.hide-sec{
	display: none;
}

/* Home banner text */
@media only screen and (min-width: 320px) and (max-width: 544px){
	.home-banner-text{
		font-size: 20px!important;
		line-height: 25px!important;
	}
	.home-banner-p{
		font-size: 16px!important;
		line-height: 18p!important;
	}
}


.bann-btn{
	background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
	color: #fff!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	border-radius: 50px;
	font-size: 20px!important;
}

/* header style */
.site-header-classic.header-brand-left .navigator {
	flex-grow: 0!important;
}

.site-header-sticky.header-brand-left .navigator {
   flex-grow: 0!important;
}

.site-header .off-canvas-toggle, .site-header .navigator .menu > li > a, .site-header .menu-extras > li > a {
    padding-left: 0px!important;
    padding-right: 30px!important;
}

.site-header-sticky .off-canvas-toggle, .site-header-sticky .navigator .menu > li > a, .site-header-sticky .menu-extras > li > a {
	padding-left: 0px!important;
    padding-right: 30px!important;
}


/* why choose us */

.why-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 70px;
	padding-right: 50px;
}



@media only screen and (min-width: 320px) and (max-width: 544px){
	.why-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
}
}


/* Hedaer bg-Color  */

.site-header-classic.header-shadow {
	background-color: #eff4ff!important;
}

.site-header-sticky.header-shadow {
   background-color: #eff4ff!important;
}

.popup-hed{
	font-size: 17px;
	font-weight: 500!important;
	line-height: 30px!important;

}

.pop-secty {
	padding-left: 15px;
}


/* blog table  */

table {
    font-size: 13px!important;
    line-height: 16px!important;
}

.has-fixed-layout a {
	color: #000000!important;
}

.single-post.sidebar-none .main-content .content .post-inner, .single-attachment.sidebar-none .main-content .content .post-inner {
    padding: 0px 14%!important;
}


/* mobile and deskyop view banner */

.mobile-view{
	display: none!important;
}


@media only screen and (min-width: 320px) and (max-width: 544px){
	.desktop-view{
		display: none;
	}
	
	.mobile-view {
	   display: inline-table!important;
   }

}


/* Show only on desktop (min-width: 768px) */
.cus-talk-btn2 {
  display: none;
}

.cus-talk-btn {
  display: inline-block;
}

/* Show only on mobile (max-width: 767px) */
@media (max-width: 767px) {
  .cus-talk-btn2 {
    display: block;
	  text-align: center;
  }

  .cus-talk-btn {
    display: none;
  }
}



.cus-talk-btn2{
  position: relative;
  color: #fff;
  font-size: 12px;
  padding: 5px 11px;
  transition: 0.2s;
  border-radius: 5px!important;
	
}
.cus-talk-btn2:hover {
  font-size: 12px;
  padding: 5px 10px;
  background: var(--clr);
  color: var(--clr);
  animation: box 3s infinite;
}
.cus-talk-btn2::before {
  content: "";
  position: absolute;
  inset: 2px;
/*   background: #c852fa; */
	background: -webkit-linear-gradient(135deg, hsla(182, 84%, 41%, 1) 0%, hsla(282, 94%, 65%, 1) 100%)!important;
}
.cus-talk-btn2 span {
  position: relative;
  z-index: 1;
}
.cus-talk-btn2 i {
  position: absolute;
  inset: 0;
  display: block;
}
.cus-talk-btn2 i::before {
  content: "";
  position: absolute;
/*   width: 10px; */
  height: 2px;
  left: 80%;
  top: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}

.cus-talk-btn2:hover i::before {
  width: 15px;
  left: 20%;
  animation: move 3s infinite;
}
.cus-talk-btn2 i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 20%;
  bottom: -2px;
  border: 2px solid var(--clr);
  background: #272822;
  transition: 0.2s;
}
.cus-talk-btn2:hover i::after {
  width: 15px;
  left: 80%;
  animation: move 3s infinite;
}

@media only screen and (min-width: 320px) and (max-width: 544px) {
      :where(.wp-block-columns) {
	      margin-bottom: 0px!important;
      }
	.contact .row {
		margin-bottom: 0px!important;
	}
	
	 {
		font-size: 14px!important;
	}
	
	
}



@media only screen and (max-width: 768px) {
    body .row .columns.columns-1 input, body .row .columns.columns-2 input, body .row .columns.columns-3 input, body .row .columns.columns-4 input, body .row .columns.columns-5 input, body .row .columns.columns-6 input, body .row .columns.columns-7 input, body .row .columns.columns-8 input, body .row .columns.columns-9 input, body .row .columns.columns-10 input, body .row .columns.columns-11 input, body .row .columns.columns-12 input, body .row .columns.columns-1 select, body .row .columns.columns-2 select, body .row .columns.columns-3 select, body .row .columns.columns-4 select, body .row .columns.columns-5 select, body .row .columns.columns-6 select, body .row .columns.columns-7 select, body .row .columns.columns-8 select, body .row .columns.columns-9 select, body .row .columns.columns-10 select, body .row .columns.columns-11 select, body .row .columns.columns-12 select, body .row .columns.columns-1 textarea, body .row .columns.columns-2 textarea, body .row .columns.columns-3 textarea, body .row .columns.columns-4 textarea, body .row .columns.columns-5 textarea, body .row .columns.columns-6 textarea, body .row .columns.columns-7 textarea, body .row .columns.columns-8 textarea, body .row .columns.columns-9 textarea, body .row .columns.columns-10 textarea, body .row .columns.columns-11 textarea, body .row .columns.columns-12 textarea {
        width: 100%;
        margin-bottom: 5px!important; 
    }
}



@media only screen and (min-width: 320px) and (max-width: 544px) {
  .contact-popup {
    padding-left: 30px;
    overflow-x: hidden; /* Prevent horizontal scroll */
	margin-top: 10px;
  }

  .contact-popup input[type="text"],
  .contact-popup input[type="email"],
  .contact-popup input[type="tel"],
  .contact-popup textarea {
    width: 100%!important;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 12px;
    box-sizing: border-box;
    background: transparent;
	margin-bottom: 10px;
	
  }

  .contact-popup textarea {
    resize: vertical;
    min-height: 65px;
  }

  .contact-popup .row {
    width: 100%!important;
  }

  .contact-popup .columns-6,
  .contact-popup .columns-12,
  .contact-popup .columns {
    width: 100%!important;
    padding: 0;
  }

  .contact-popup input::placeholder,
  .contact-popup textarea::placeholder {
    color: #000;
    opacity: 0.6;
  }

  .contact-popup [type="submit"] {
    width: 100%!important;
    padding: 10px 25px;
    font-size: 16px;
    margin-top: 10px;
    box-sizing: border-box;
  }
}


/* mobile popuo */

.mob-popup-bg {
	background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important;
    border-radius: 10px;
	padding: 10px;
}

.mobile-popup-hed{
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
}

.mob-popup-bg2 {
/* 	background: #0E2B5C !important; */
	background: linear-gradient(135deg, rgb(93 233 237 / 80%), rgba(199, 79, 250, 0.8)) !important;
    border-radius: 10px;
	padding: 10px;
	margin-top: -30px!important;
}
.mobile-popup-he{
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
}


.mobile-popup-hed2{
	font-size: 12px;
	font-weight: 15px;
	line-height: 15px;
}
.has-text-align-center {
    padding-bottom: 0px!important;
    margin-bottom: 8px!important;
}


.dscf7captcha {
	margin-bottom: 1px!important;
}


/* banner Video */
@media only screen and (min-width: 320px) and (max-width: 544px) {
	#rev_slider_7_1 {
	height: 205px!important;
    max-height: 360px!important;
   }
}