/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/

 /* ==========================================================================
       1. CORE DESIGN SYSTEM & VARIABLES
       ========================================================================== */
    :root {
		--primary: #00d2a0;
		--primary-hover: #00b88c;
		--primary-light: rgba(0, 210, 160, 0.08);
		--primary-glow: rgba(0, 210, 160, 0.25);
		--white: #fff;

		--dark-heading: #0f172a;
		--text-muted: #64748b;
		--text-light: #94a3b8;
		
		--bg-body: #ffffff;
		  --bg-subtle: #f8fafc;
		  --bg-dark: #0b0f19;
		  --card-bg: #ffffff;

		--border-color: #f1f5f9;
		--border-strong: #e2e8f0;

		--radius-sm: 8px;
		--radius-md: 14px;
		--radius-lg: 24px;
		--radius-pill: 50px;

		--shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.02);
		--shadow-md: 0 12px 30px -10px rgba(15, 23, 42, 0.06);
		--shadow-lg: 0 25px 50px -12px rgba(15, 23, 42, 0.12);
		--shadow-primary: 0 10px 25px -5px var(--primary-glow);

		--transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }


/*
 
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #555;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.7;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #00d2a0;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 0 }
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
img{
	display: block;
	max-width: 100%;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 3px solid rgba(0, 0, 0, 0.08);
    border-right: 3px solid rgba(0, 0, 0, 0.08);
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    border-left: 3px solid #00d2a0;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
#topcontrol {
    background: #00d2a0 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
	font-size: 14px;
	height: 45px;
	line-height: 47px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
	text-align: center;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 100px 0 }
/*START SECTION TITLE DESIGN*/
.section-title{
	margin-bottom: 40px;
}
.section-title  h2 {
    margin: 0;
    text-transform: uppercase;
	font-size: 25px;
}

.section-title h2 span { color: #00d2a0 }
.section-title-white { color: #fff!important }
.section-title .sec_icon  {
	position: relative;
	display:inline-block;
	margin-top: 10px;

}
.section-title .sec_icon:before{
	position:absolute;
	content: '';
	width: 50px;
	height: 1px;
	background: #00d2a0  none repeat scroll 0 0;
	top: 16px;
	left: -56px;
}
.section-title .sec_icon:after{	
	position:absolute;
	content: '';
	width: 50px;
	height: 1px;
	background: #00d2a0  none repeat scroll 0 0;
	top: 16px;
	right: -56px;
}

.section-title .sec_icon span{
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin: 0 2px;
	background: #00d2a0  none repeat scroll 0 0;
	display: inline-block;
}
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
	background: #00d2a0 none repeat scroll 0 0;
	border: 1px solid #00d2a0;
	border-radius: 30px;
	box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 600;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border-color:#333;
}
.btn-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
}
.slider-btn-bg{
	background: var(--primary);
	color: #ffffff;
	padding: 0.95rem 2.25rem;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 10px 25px var(--primary-glow);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.slider-btn-bg:hover {
	background: #06996b;
	color: var(--white);
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(16, 183, 128, 0.4);
}

.slider-btn-border{
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
	padding: 0.95rem 2.25rem;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}


.slider-btn-border:hover {
	background: rgba(255, 255, 255, 0.18);
	transform: translateY(-3px);
}
#SR7_1_1 .zeus.sr7-arrows{
	border: 1px solid rgba(255, 255, 255, 0.15);
}



/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 }
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-brand {
	width: 120px !important;
	display: block;
}

.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 1.25rem 0;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(226, 232, 240, 0.8);
	background: rgba(255, 255, 255, 0.85);
	transition: all 0.3s ease;
}
#navigation{
	padding: 20px 0;
}
#navigation.navbar-fixed {
	padding: 15px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	text-align: right;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 17px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	transition: .5s;
	font-size: 15px;
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #333;
}
#navigation.navbar-fixed #main-menu li.current > a,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #00d2a0;
}

.slicknav_nav_icon{
	color: #fff;
	font-size: 20px;
}
#mobile_menu{
	display: none;
}
#navigation.navbar-fixed .slicknav_btn .slicknav_nav_icon{
	color: #333;
}


/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: var(--white);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:10px;
	position: absolute;
	text-align: left;
	top: 120%;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 230px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid var(--primary);
}
#navigation #main-menu .menu-item-has-children {
	position: relative;
	margin-right: 28px;
}
#navigation #main-menu .menu-item-has-children::after {
	position: absolute;
	content: "\e64b";
	font-family: themify;
	margin-top: 0px;
	margin-left: 0;
	font-size: 10px;
	right: -20px;
	top: 5px;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
}
#navigation.navbar-fixed #main-menu .menu-item-has-children::after{
	color: #222;
}
#navigation #main-menu .sub-menu .menu-item-has-children{
	margin-right: 0;
}
#navigation #main-menu .sub-menu .menu-item-has-children::after {
	right: 10px;
	top: 9px;
	transform: rotate(-90deg);
}
#navigation #main-menu .sub-menu .menu-item-has-children:hover:after{
	color: var(--white);
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 225px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: var(--title);
} 
#navigation #main-menu ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
	top: 100%;
}

#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
	top: 0;
	left: 208px;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

#navigation #main-menu ul li ul li a {
	color: var(--title);
	display: block;
	font-size: 15px;
	line-height: 30px;
	font-weight: 600;
	padding: 4px 16px;
	position: relative;
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
	border-radius: 4px;
}

#navigation #main-menu ul li ul li a:hover{
	color: var(--white);
	background-color: var(--primary);
	text-decoration: none;
}





/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

/* .slide-1 {
    background: url(../img/bg/slider1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slider2.png) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slider3.jpg) scroll 0 0;
    background-size: cover;
} */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide-item h2 {
	color: #f8f8f8;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 600;
}

.single-slide-item p {
    color: #fff;
    margin-bottom: 30px;
	font-size: 18px;
}

.btn-home-bg{}
.btn-home-bg {
	background: #00d2a0 none repeat scroll 0 0;
	border: 2px solid #00d2a0;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: transparent;
    color: #00d2a0;
    border: 2px solid #00d2a0;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
	z-index: 1;
	background-image: none !important;
	top: 46.6%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	background: transparent;
	border: 1px solid #fff;
}
#welcome-slide-carousel .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #00d2a0;
	border-color: #00d2a0;
}
.carousel-control.left{
	margin-left: 25px;	
}
.carousel-control.right{
	margin-right: 25px;	
}
.carousel-control:hover{
	background: #00d2a0;
	border-color: #00d2a0;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/


.features{
	
}
.single_about{
	margin-bottom: 30px;
	text-align: left;
	border: 1px solid #f2f6fb;
	border-radius: 24px;
	padding: 45px 35px;
	position: relative;
	transition: var(--transition);
}

.single_about .about_icon {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background: rgba(0, 210, 160, 0.07);
	color: #00d2a0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	margin-bottom: 1.75rem;
	transition: var(--transition);

}
.single_about:hover .about_icon{
	background: var(--primary);
	color: #fff;
	transform: scale(1.1);
}
.single_about:hover {
	transform: translateY(-8px);
	border-color: rgba(0, 210, 160, 0.4);
	box-shadow: var(--shadow-lg);
}
.single_about h4 {
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
	margin-bottom: 15px;
	font-size: 20px;
}
.single_about p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}




/*END FEATURE DESIGN*/
/*START ABOUT DESIGN*/
.center-block{
	float: inherit;
}
.about_us{
	background: #FBFCFC;
}
	

/* START SKILL DESIGN */

.skill_content h3{
	margin-top: 0;
	font-size: 24px;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 15px;
}
.skill_content h3:after{
	position:absolute;
	width: 140px;
	height: 1px;
	content: '';
	left: 0;
	bottom: 0;
	background: #00d2a0;
}
.skill_content p{
	margin-bottom: 17px;
}
.skill_list {
	list-style: none;
	margin-top: 20px;
	display: inline-block;
}

.skill_list li {
	display: inline-block;
	background: #00d2a0;
	padding: 2px 14px;
	color: #fff;
	margin-right: 7px;
	margin-bottom: 10px;
	text-transform: lowercase;
	border-radius: 5px;
}



.progress-bar-text {
	color: #333;
	font-size: 16px;
	margin-bottom: 0px;
	text-transform: capitalize;
	font-weight: 700;
}
.progress-bar-text span { float: right }
.progress-bar {
	height: 10px;
	background: #e2e8f0;
	border-radius: var(--radius-pill);
	overflow: hidden;
}
.progress-item-header {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	font-size: 0.95rem;
	margin-bottom: 0.6rem;
	color: #333;
}
.progress-bar > span.progress_width {
	height: 100%;
	background: linear-gradient(90deg, var(--primary), #38ef7d);
	border-radius: var(--radius-pill);
    display: block;
    width: 0;
}
/* END SKILL DESIGN */
/*END ABOUT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature {
	border: 1px solid #f2f6fb;
	border-radius: 20px;
	padding: 1.75rem;
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	box-shadow: var(--shadow-subtle);
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	margin-bottom: 25px;
}

.single_feature:hover {
	transform: translateX(8px);
	box-shadow: var(--shadow-lg);
	border-color: rgba(16, 185, 129, 0.4);
}
.single_feature .feat_number {
	width: 58px;
	height: 58px;
	border-radius: 16px;
	border-radius: 14px;
	background: rgba(0, 210, 160, 0.07);
	color: #00d2a0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 800;
	flex-shrink: 0;
	transition: all 0.3s ease;
}

.single_feature h4 {
	font-size: 20px;
	margin-top: 0;
}

.single_feature p { margin-bottom: 0 }
.single_f_content{
	overflow: hidden;
}


/* Laptop Mockup Graphic Frame */
.mockup-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}

/* Backdrop Ambient Glow */
.mockup-glow {
	position: absolute;
	width: 80%;
	height: 80%;
	background: rgba(16, 185, 129, 0.15);
	top: 10%;
	left: 10%;
	border-radius: 50%;
	filter: blur(70px);
	z-index: 0;
}

.laptop-frame {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 580px;
	background: #0f172a;
	border-radius: 16px 16px 0 0;
	padding: 10px 10px 0 10px;
	box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);
}

/* Laptop Camera & Dots Header */
.laptop-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px;
}

.laptop-dots {
	display: flex;
	gap: 6px;
}

.laptop-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #334155;
}

.laptop-dot.red { background: #ef4444; }
.laptop-dot.yellow { background: #f59e0b; }
.laptop-dot.green { background: #10b981; }

.laptop-camera {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #334155;
}

/* Screen Preview Container */
.laptop-screen {
	width: 100%;
	height: 320px;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	background-color: #1e293b;
	position: relative;
}

.laptop-screen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Laptop Base Bar */
.laptop-base {
	position: relative;
	z-index: 2;
	width: 112%;
	margin-left: -6%;
	height: 16px;
	background: linear-gradient(180deg, #334155 0%, #0f172a 100%);
	border-radius: 0 0 12px 12px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.laptop-notch {
	width: 80px;
	height: 4px;
	background: #475569;
	margin: 0 auto;
	border-radius: 0 0 4px 4px;
}

/* Floating Stats Pill Badge */
.floating-stat {
	position: absolute;
	bottom: 25px;
	left: -20px;
	z-index: 3;
	background: #ffffff;
	border: 1px solid var(--border-color);
	border-radius: 16px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 20px 30px rgba(15, 23, 42, 0.12);
	animation: float 4s ease-in-out infinite;
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

.stat-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(0, 210, 160, 0.07);
	color: #00d2a0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}

.stat-title {
	font-size: 0.75rem;
	color: #555;
	font-weight: 600;
}

.stat-value {
	font-size: 1rem;
	font-weight: 800;
	color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service { 
		background: #FBFCFC;
}
.single_service {
    background: transform;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    position: relative;
	margin-bottom: 40px;
	padding: 40px 30px;
	background: #fff;
	border: 1px solid #f2f6fb;
	border-radius: 24px;
	transition: var(--transition);
}

.single_service i {
    font-size: 30px;
    padding-bottom: 20px;
    color: #00d2a0;
    transition: all 0.3s ease;
	float: left;
	margin-right: 20px;
}
.ser_content{
	overflow: hidden;
	text-align: left;
}
.single_service h4 {
    color: #333;
    margin: 0;
    padding-bottom: 15px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	font-size: 20px;
}

.single_service p {
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.single_service:hover{
	background: #00d2a0;
	color: #fff;
	transform: translateY(-8px);
	border-color: rgba(0, 210, 160, 0.4);
	box-shadow: var(--shadow-lg);
}
.single_service:hover i,
.single_service:hover h4{
	color: #fff;
}
.single_service:hover i{
	transform: scale(1.1) rotate(-3deg);
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/




/*
* ----------------------------------------------------------------------------------------
* 0.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_work_menu ul li {
	border: 1px solid transparent;
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	margin:  0 5px;
	padding: 5px 25px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: #00d2a0 ;
	background-color: #00d2a0 ;
	color:#fff;
}
/* Portfolio Cards Grid */
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.portfolio-card {
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid var(--border-color);
	box-shadow: var(--shadow-subtle);
	position: relative;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.portfolio-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-hover);
	border-color: rgba(16, 185, 129, 0.3);
}

/* Card Image Wrapper */
.image-wrapper {
	position: relative;
	width: 100%;
	height: 340px;
	overflow: hidden;
	background: #e2e8f0;
}

.image-wrapper img {
	width: 100%;
	height: 100%!important;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.portfolio-card:hover .image-wrapper img {
	transform: scale(1.08);
}

/* Hover Overlay & Action Floating Buttons */
.overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.7);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2rem;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.portfolio-card:hover .overlay {
	opacity: 1;
}

.overlay-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transform: translateY(-15px);
	transition: transform 0.4s ease;
}

.portfolio-card:hover .overlay-top {
	transform: translateY(0);
}

.category-tag {
	background: var(--primary);
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 14px;
	border-radius: 50px;
}

.lightbox {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.lightbox:hover {
	background: #ffffff;
	color: var(--text-heading);
	transform: scale(1.1);
}

.overlay-bottom {
	transform: translateY(15px);
	transition: transform 0.4s ease;
	text-align: left;
}

.portfolio-card:hover .overlay-bottom {
	transform: translateY(0);
}

.project-title {
	font-size: 1.4rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 0.3rem;
}

.project-subtitle {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.75);
}


/*
* ----------------------------------------------------------------------------------------
* 0.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.tcol_3{
	width: 25%;
	float: left;
	padding:0 12px;
}
.counter_feature {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 100px 0;
}

.counter_bg{
	background: linear-gradient(135deg, var(--dark-heading) 0%, #1e293b 100%);
	padding: 4rem 0;
	border-radius: var(--radius-lg);
	color: #fff;
	box-shadow: var(--shadow-lg);
	position: relative;
	overflow: hidden;
}
.counter_bg:before {
	content: '';
	position: absolute;
	top: -50%;
	left: 10%;
	width: 300px;
	height: 300px;
	background: var(--primary-glow);
	filter: blur(90px);
	border-radius: 50%;
	pointer-events: none;
}
.single-counter {
	text-align: center;
	color: #fff;
	position: relative;
}
.single-counter:after {
  content: '';
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%);
}
.counter-icon {
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: rgba(16, 185, 129, 0.1);
	border: 1px solid rgba(16, 185, 129, 0.25);
	color: var(--primary);
	display: inline-block;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	line-height: 52px;
}
.single-counter:hover .counter-icon{
	background: var(--primary);
	color: #ffffff;
	box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
	transform: scale(1.1) rotate(-3deg);
}
.single-counter h2 {
	font-size: 45px;
	background: linear-gradient(135deg, #fff 30%, #36d59b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 10px 20px rgba(16, 185, 129, 0.15);
	line-height: 1;
	margin-bottom: 0.5rem;
	
}
.single-counter h5 {
	font-size: 0.95rem;
	font-weight: 600;
	color: #94a3b8;
}

/* Old Counter */

.counter {
	text-align: center;
}


.counter h2 {
    color: #333;
    font-weight: 700;
    margin-top: 0;
	margin-bottom: 15px;
	
}
.counter h5 {
	color: #333;
	margin-bottom: 0;
	font-size: 16px;
	font-style: italic;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video{
	position: relative;
	padding: 130px 0;
	overflow: hidden;
}
.about_video img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	filter: brightness(0.6);
}
.video-container{
	position: relative;
	z-index: 1;	
}
.video-container h4 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 27px;
	margin-bottom: 25px;
	text-transform: capitalize;
}
.video-container p{
	color: #fff;
}
.modal_icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-bottom: 1.5rem;
	transition: transform 0.3s ease;
}
.modal_icon:hover { transform: scale(1.15); }

.video-container a{
	transition: .5s;
}

.video-container a:hover .play-video { }
.play-video .fa-play {

}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe{border: none;}
/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
	margin-top: 30px;
	transition: .5s;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid #f2f6fb;
	text-align: center;
	transition: var(--transition);
}
.single_team:hover {
	transform: translateY(-8px);
	border-color: rgba(0, 210, 160, 0.4);
	box-shadow: var(--shadow-lg);
}
.single_team img{
	width: 100%;
	height: 280px!important;
	object-fit: cover;
}

.single_team h3 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.single_team p{
	margin-bottom: 20px;
}
.img_wrap{
	position:relative;
	overflow: hidden;
}
.social_option{
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.4);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	opacity: 0;
	transition: opacity 0.3s ease;

}

.social_option a{
	background: #00d2a0;
	border: 1px solid #00d2a0;
	color: #fff;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	transition: all 0.5s ease 0s;
	width: 35px;
	border-radius: 50%;
}
.social_option a:hover{
	background: #fff none repeat scroll 0 0;
	color: #00d2a0;
	border-color: #fff;
}
.single_team:hover .social_option {
	 opacity: 1;
}
.team_info{
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 1;
	background: #fff;
	text-align: center;
	color: #555;
	padding-bottom: 5px;
	overflow: hidden;
}
.team_info p {
	color: var(--primary);
	background: rgba(0, 210, 160, 0.06);
	border-radius: 30px;
	display: inline-block;
	padding: 3px 13px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.signup_form{
	position: relative;
	background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
	border: 1px solid var(--border-color);
	border-radius: 28px;
	padding: 3.5rem 4rem;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}
.orb-1 {
  width: 300px;
  height: 300px;
  background: rgba(16, 185, 129, 0.12);
  top: -100px;
  right: -50px;
}
.orb-2 {
  width: 250px;
  height: 250px;
  background: rgba(99, 102, 241, 0.08);
  bottom: -80px;
  left: -50px;
}

.signup_form h3,
.signup_form p{
	text-align: left;
}

.signup_form h3{
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: capitalize;
	font-size: 27px;
}
.signup_form h3 span{
	color: var(--primary);
}
.signup_form form{
	display: flex;
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(226, 232, 240, 0.9);
	padding: 6px 6px 6px 25px;
	border-radius: 50px;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.06);
	transition: all 0.3s ease;
}
.signup_form .input-wrapper{
	align-items: center;
	width: 100%;
}

.signup_form .input-wrapper {
	color: #777;
}
.signup_form .input-wrapper i{
	color: #94a3b8;
	font-size: 1rem;;
}

.signup_form form .mc4wp-form-fields{
	width: 100%;
}
.signup_form input{
	background: transparent;
	border-image: none;
	border-radius: 0;
	border: 0;
	color: #777;
	margin-bottom: 0px;
	transition: all 0.2s ease 0s;
	border-radius: 0px;
	height: 46px;
	line-height: 46px;
	width: 100%!important;
	border-radius: 4px;
	padding: 0 12px;
}
.guarantee-text {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #94a3b8;
	font-size: 0.8rem;
	font-weight: 600;
	margin-top: 0.85rem;
	padding-left: 1rem;
}
.guarantee-text i{
	color: var(--primary);
}
.newsletter_form{
	margin-top: 20px;
}
.signup_form input:hover,
.signup_form input:focus {
    border-color: #00d2a0;
    box-shadow: none;
    outline: 0 none;
}
.newsletter_form .form-group{
	position: relative;
	width: 100%;
}
.form-group{
	display: flex;
	align-items: center;
}
.wpcf7-form p{
	width: 100%;
}
.newsletter_form button {
	background: linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);
	color: #ffffff;
	border: none;
	padding: 0.9rem 2rem;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.95rem;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	box-shadow: var(--shadow-glow);
	transition: all 0.3s ease;
	white-space: nowrap;
}
.signup_form button:hover{
	background: #333; 
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 0.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 3.5rem 2.5rem;
	border: 1px solid var(--border-color);
	box-shadow: var(--shadow-sm);
	text-align: center;
	transition: var(--transition);
	position: relative;
	
}
.pricing-table .popular-badge {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.35rem 1.25rem;
	border-radius: var(--radius-pill);
	box-shadow: 0 4px 12px rgba(0, 210, 160, 0.3);
}


.pricing-table.featured {
	border-color: var(--primary);
	box-shadow: var(--shadow-lg);
	transform: scale(1.04);
}
.pricing-table.feature .pricing-list li,
.pricing-table.feature h3,
.pricing-table.feature .price
{

}
.pricing-table h3 {
	font-size: 1.35rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.pricing-table .price  span{
	font-size: 3.25rem;
	font-weight: 800;
	color: var(--dark-heading);
	letter-spacing: -0.03em;
	margin-bottom: 1.75rem;
	
}


.pricing-list {
	list-style: outside none none;
	margin-bottom: 10px;

}
.pricing-list {
	list-style: none;
	margin-bottom: 2.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 0.95rem;
	margin-top: 1.75rem;;
}
.pricing-list li {
	list-style: none;
}
.pricing-list li i {
	color: var(--primary);
	margin-right: 0.5rem;
}
.pricing-btn { 
	text-align: center;
}
.pricing-btn a.btn-light-bg {
	width: 100%;
}

/*
* ----------------------------------------------------------------------------------------
* 0.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

.testimonials_area .testimonials_carousel .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.testimonials_area .testimonials_carousel .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	cursor: pointer;
	z-index: 3;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	backdrop-filter: blur(8px);

}

.testimonials_area .testimonials_carousel .owl-nav button:hover {
	background: var(--primary);
	border-color: transparent;
	box-shadow: 0 10px 20px rgba(16, 185, 129, 0.35);
	transform: translateY(-50%) scale(1.1);
}
/* Glassmorphism Floating Card */

.testimonials_carousel .owl-stage{
	margin-top: 47px;
	
}
.testimonials_carousel{
	position: relative;
	z-index: 55;
}
.testimonial-card {
	padding: 3.5rem 3rem 2.5rem;
	text-align: center;
	box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.5),
		0 0 40px rgba(16, 185, 129, 0.1);
	position: relative;
	background: rgba(13, 19, 35, 0.75);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 32px;
}

/* Floating Avatar */
.avatar-wrapper {
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
	width: 90px;
	height: 90px;
	border-radius: 50%;
	padding: 4px;
	background: var(--primary);
	box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
}

.avatar-wrapper img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 50% !important;
	border: 3px solid #0f172a !important;
}

/* Decorative Quote Icon */
.quote-icon {
	font-size: 2rem;
	color: var(--primary);
	margin-top: 1rem;
	margin-bottom: 1.2rem;
	opacity: 0.8;
}

/* Review Text */
.testimonial-text {
	font-size: 1.25rem;
	line-height: 1.8;
	color: #e2e8f0;
	font-weight: 500;
	max-width: 720px;
	margin: 0 auto 1.8rem;
}

/* Star Rating */
.rating-stars {
	display: flex;
	justify-content: center;
	gap: 5px;
	color: #fbbf24;
	font-size: 0.95rem;
	margin-bottom: 1.2rem;
}

/* Client Details */
.client-name {
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--primary);
	margin-bottom: 0.25rem;
}

.client-role {
	font-size: 0.85rem;
	color: var(--text-muted);
	font-weight: 600;
	letter-spacing: 0.5px;
}

.owl-controls{
	position: absolute;
	width: 100%;
	top: 50%;
	font-size: 16px;
}
.owl-prev{
	position:absolute;
	left: -30px;
}
.owl-next{
	position:absolute;
	right: -30px;
}



/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{	
	background: #fff;
	padding-top: 60px;
}
.partner { text-align: center }
.partner img {}
.partner a {
	border: 1px solid #f2f6fb;
	display: block;
	margin: 0 12px;
	border-radius: 15px;
	padding: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


.home_single_blog img {
	max-width: 100%;
	height:auto;
	border-radius: 24px 24px 0 0 !important;
}
.home_single_blog{
	background: #fff;
	transition: .5s;
	border: 1px solid #f2f6fb;
	border-radius: 24px;
	margin-bottom: 30px;
	transition: var(--transition);
}
.home_single_blog:hover{
	transform: translateY(-8px);
	border-color: rgba(0, 210, 160, 0.4);
	box-shadow: var(--shadow-lg);
}
.home_blog_text {
	padding: 30px;
	position: relative;
	z-index: 1;

}
.home_blog_text i {
	color: #777;
	margin-right: 5px;
 }
.home_blog_text span {
	color: #777;
	display: inline-block;
	margin-bottom: 1px;
}
.home_blog_text h4 {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 25px;
}
.home_blog_text h4 a{
	color: #333;
	transition: .5s;
}

.home_blog_text p { margin-bottom: 20px; }
.post_meta{
	margin-bottom: 10px;
}
.post_meta,
.post_meta a{
	font-family: "Plus Jakarta Sans",sans-serif;
	font-weight: 500;
}
.post_meta span{
	padding-right: 12px;
}

.blog_btn{
	text-transform: capitalize;
	color: var(--primary);
	transition: .5s;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', sans-serif;
}
.blog_btn i{
	color: var(--primary);
	margin-left: 2px;
}
.home_blog_text h4 a:hover,
.blog_btn:hover,
.blog_btn:focus{
	color: #00d2a0;
}


/*END HOME BLOG*/
/*
* ----------------------------------------------------------------------------------------
* .END BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #00d2a0 none repeat scroll 0 0;
    padding: 30px 0;
}
.buy_now_title {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
}

.buy_now .btn{
	margin-left: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* .END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding: 0px;
}
.contact_area{
	padding-top: 0;
}
.contact input[type="text"], 
.contact input[type="email"],
.contact input[type="password"] ,
.form-control
{
	width: 100%;
	padding: 1rem 1.35rem;
	border-radius: 8px;
	border: 1px solid var(--border-strong);
	font-family: inherit;
	font-size: 0.95rem;
	outline: none;
	transition: var(--transition);
	background: var(--bg-subtle);
	margin-bottom: 25px;
}

.contact textarea {
	background: var(--bg-subtle);
	border: 1px solid var(--border-strong);
	border-radius: 8px;
	box-shadow: none;
	padding: 10px 15px;
	color: #333;
	height: 200px;
	margin-bottom: 15px;
}

.form-control:focus{
	background-color: var(--white)!important;
	border-color: var(--primary)!important;
	box-shadow: 0 0 0 4px var(--primary-light);
}

.success {
    background: #fff none repeat scroll 0 0;
    color: #00d2a0;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

.form-group-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
.btn-contact-bg {
	background: #00d2a0 none repeat scroll 0 0 !important;
	border: 1px solid #00d2a0 !important;
	color: #fff !important;
	font-size: 15px;
	padding: 15px 29px !important;
	text-transform: capitalize;
	font-weight: 700;
	transition: all 0.2s ease 0s;
	border-radius: 30px;
	border: 1px solid #00d2a0;
	display: inline-block;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

#map{height:353px;}
/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color:#0C0B09;
	padding: 25px 0;
	width: 100%;
	border-top: 1px solid rgb(255, 255, 255, 0.09);
}



/*END FOOTER SOCIAL DESIGN*/
.footer_content p {
	color: #ababab;
	margin-bottom: 0px;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{    
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}

.section-top-title {
padding-bottom: 90px;
padding-top: 150px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #00d2a0!important }

/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 20.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

.about_project{
	margin-bottom: 20px;
}
.about_project_details ul{
	list-style: none;
}
.about_project_details ul li i{
	padding-right: 10px;
}
.about_project_details ul li{
	padding-bottom: 8px;
}
.about_project_details {
	margin-bottom: 20px;
}
.related_porject{
	padding-bottom: 30px;
}

.widget:last-child{
	margin-bottom: 65px;
}