/*
  Theme Name: jaza
 
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. brand area
5. about area
6. service area
7. feature area
8. facts area
9. screenshot area
10. faq area
11. work area
12. portfolio area
13. price area
14. review area
15. sp offer area
16. home3 project area
17. testimonial area
18. banner area
19. team area
20. blog area
21. about us page
22. blog page area
23. contact area
24. login area
25. error page
26. footer area
*/


/* 1. Theme default css
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	background: #ffffff;
	background: #f0fcf999;
}


html {
    overflow-x: hidden;
    overflow-y: scroll;
}  


#scroll-container {
 position: relative;
    width: 100%;
    height: 100%;
}

#scroll-content {
  position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    will-change: transform;
}


 

   



h1,h2,h3,h4,h5,h6 {color: #222222;font-weight: 700;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #6c63ff}
h3 {font-size: 48px;}
h4 {font-size: 36px;}
h5 {font-size: 24px;}
h6 {font-size: 21px;line-height: 1.45;}
p {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	color: #666666;
}
.flat-family {font-family: "Flaticon";}
span,
input,
img{
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {list-style: none}
a,button,li{
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.pointer{cursor: pointer;}
.over-hidden{overflow: hidden;}
.clear-both{clear: both !important;}
.over-scroll{overflow: scroll;}
.over-x-hidden{overflow-x: hidden;}
.over-x-scroll{ overflow-y: scroll;}
.transition03{ transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.transition3{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.transition5{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
a:focus,button:focus,.btn:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none;
}
a:focus,a:hover,.portfolio-cat a:hover,.footer-menu li a:hover {
	color: #222222;
	text-decoration: none;
	outline: 0 none;
}
.btn:focus{outline: 0 none;}
.cursor-pointer{cursor: pointer;}
.f-400{font-weight: 400;}
.f-500{font-weight: 500;}
.f-600{font-weight: 600;}
.f-800{font-weight: 800;}
.f-700{font-weight: 700;}
.f-900{font-weight: 900;}
.z-index11{z-index: 11;}
.z-index1{z-index: -1;}
.z-index-1{z-index: -1;}
.top-0{top: 0;}
.left-0{left: 0;}
.right-0{right:0}
.bottom-0{bottom: 0;}
.w100{width: 100%;}
.h100{height: 100%;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-cover{background-size: cover;}
.img{transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.img-transition5{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zoom-img-hover:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.container-wrapper{margin: 0 auto;}
/* title */
.title span {
	font-size: 21px;
	line-height: 2;
}
.title h3 {font-size: 48px;line-height: 1.25;}
.title h4 {font-size: 36px;line-height: 1.32;}
/* button */
.my-btn .btn {
	padding: 11px 57px;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #1de9b6;
	border-radius: 28px;
	box-shadow: 0px 5px 15px 0px rgb(29 233 182 / 27%);
	color: #fff;
	outline: 0 none;
	text-transform: capitalize;
	transition: all 0.5s ease-out 0s;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	-ms-border-radius: 28px;
	-o-border-radius: 28px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
}
.my-btn .btn:hover{color: #6c63ff;background: #ffffff;}
.my-btn .btn.f-18 {
	font-size: 18px;
	padding: 12.5px 46px;
}
.my-btn .btn.transparent-bg{color: #222222; box-shadow: none;}
.my-btn .btn.transparent-bg:hover{background: #6c63ff; color: #fff;	box-shadow: 0px 5px 15px 0px rgba(8, 0, 140, 0.19);}
.btn-2 a{font-size: 18px;}
.btn-2 a::before,
.btn-2 a::after {
	position: absolute;
	content: "";
	background: #6c63ff;
	height: 2px;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
}
.btn-2 a::after {
	background: #222222;
	width: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.btn-2:hover >a::before{width: 0;}
.btn-2:hover >a::after{width: 100%;}
/* slick-arrow */
.slick-arrow .l-a, .slick-arrow .r-a {
	position: absolute;
	bottom: -52px;
	color: #b8bac5;
	z-index: 1;
	font-size: 34px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	left: 15px;
}
.slick-arrow .r-a {left: 70px; }
.slick-arrow .r-a:hover,.slick-arrow .l-a:hover{ cursor: pointer; color: #6c63ff; transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); }
/* home2 */
.testimonial-active2 .slick-arrow .l-a, .testimonial-active2 .slick-arrow .r-a {bottom: -45px;}
/* home3 */
.testimonial-active3 .slick-arrow {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 80px;
}
.testimonial-active3 .slick-arrow .l-a, .testimonial-active3 .slick-arrow .r-a{
	position: inherit;
	bottom: 0;
	left: 0;
}
.testimonial-active3 .slick-arrow .r-a {left: auto; right: 0;}
/* home5 */
.testimonial-active-home5 .slick-arrow .l-a, .testimonial-active-home5 .slick-arrow .r-a {
	bottom: 0;
	left: auto;
	right: 70px;
}
.testimonial-active-home5 .slick-arrow .r-a {right: 20px;}
/* testimonial-active-home6 */
.testimonial-active-home6 .slick-arrow .l-a,.testimonial-active-home6 .slick-arrow .r-a {
	bottom: 0;
	left: 15px;
}
.testimonial-active-home6 .slick-arrow .r-a{left: 70px;}
/* blog-gallery-page */
.blog-gallery-page .slick-arrow .l-a, .blog-gallery-page .slick-arrow .r-a {
	top: 50%;
	font-size: 22px;
	left: 30px;
	background: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	transform: translateY(-50%);
	text-align: center;
	display: inline-block;
	box-shadow: 0px 5px 15px 0px rgba(8, 0, 140, 0.19);
}
.blog-gallery-page .slick-arrow .r-a {left: auto; right: 30px;}
/* slick-dots css */
.slick-dots {
	position: absolute;
	left: 50%;
	bottom: 0%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: 11;
}
.slick-dots li {
	display: inline-block;
	border-radius: 50%;
	background: transparent;
	margin: auto 7px;
	cursor: pointer;
}
.slick-dots button {
	width: 15px;
	height: 15px;
	background: #d9e4eb;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	border: 0;
	border-radius: 50%;
	margin: 4px auto;	
	box-shadow: 0.469px 2.963px 10px 0px rgba(0, 0, 213, 0.09);
	cursor: pointer;
}
.slick-dots li.slick-active button{background: #6c63ff;}
/* home5 */
.testimonial-active-home5 .slick-dots {
	position: absolute;
	left: 50px;
}


/* 2. header
--------------------------------------------------- */
.transparent-header {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	z-index: 22;
	transition: .3s;;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}

.transparent-header .logo{}
.transparent-header .logo img{
    width: 63%;
}

.body-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-out  ;
	-webkit-transition: all .5s ease-out  ;
	-moz-transition: all .5s ease-out  ;
	-ms-transition: all .5s ease-out  ;
	-o-transition: all .5s ease-out  ;
}
.body-overlay.opened {opacity: 1;visibility: visible;}
.sticky-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 22;
	width: 100%;
	z-index: 99;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	background: #4f1e1e;
}
.sticky-menu .header{
	background: #ffffff;
	-webkit-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);
	-moz-box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);
	box-shadow: 0 8px 4px -7px rgba(115,115,115,0.3);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	padding: 10px 0px;
}
.sticky-menu .main-menu ul >li a{margin-top: 20px;margin-bottom: 20px;}
.sticky-menu .logo img {max-width: 90%;}
.main-menu ul li {
	display: inline-block;
	margin-right: 62px;
	position: relative;
}
.main-menu ul li > a {
	color: #222222;
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
	margin-top: 41px;
	margin-bottom: 55px;
	text-decoration: none;
}
.main-menu ul li:hover > a {color: #1de9b6;}
/* mega menu */
.main-menu ul li .mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 322px;
	height: auto;
	margin: 0 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 2;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	transition: .5s;
	-webkit-transition: transform 500ms ease, opacity 500ms ease;
	-moz-transition: transform 500ms ease, opacity 500ms ease;
	-ms-transition: transform 500ms ease, opacity 500ms ease;
	-o-transition: transform 500ms ease, opacity 500ms ease;
	transform: scaleY(0);
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
}
.main-menu ul li .mega-menu.full-mega-menu{top: 115px; width: 97.5%;}
.sticky-menu .main-menu ul li .mega-menu.full-mega-menu{top: 67px;}
.header-area.white-bg .mega-menu{top: 100%;}
.main-menu ul li:hover> .mega-menu{opacity: 1; visibility: visible; transform: scaleY(1);}
.main-menu ul li.full-mega-menu-position {position: static;}
.main-menu ul li .mega-menu li{margin: 0;}
.full-mega-menu1 li{width: 24%;}
.full-mega-menu1 li img{max-height: 250px;}
.main-menu ul li .mega-menu a {
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 400;
	margin: 0;
}


.main-menu ul li .mega-menu a:hover {
	font-size: 16px;
	color: #1de9b6;
	display: block;
	font-weight: 400;
	margin: 0;
}



.main-menu ul li .mega-menu.full-mega-menu1 a{
	color: #ffffff;
}
.main-menu ul li .mega-menu.full-mega-menu2 a.mega-title{
	margin-bottom: 15px;
}
.main-menu ul li .mega-menu a.mega-title{font-size: 18px; font-weight: 700;}
.mega-menu.full-mega-menu.full-mega-menu2 li {display: block;padding-bottom: 8px;}
.mega-menu.full-mega-menu.full-mega-menu2 > li {width: 25%;}
.rbm-text h6 {font-size: 16px;}
.rbm-text span{font-size: 14px;}
.rbm-img img{min-width: 72px;}
/* dropdown menu */
.mega-menu.mega-dropdown-menu li {
	display:block;
	padding: 10px 10px 10px 30px;
	border-bottom: 1px solid #e5e5e5;
}
.mega-menu.mega-dropdown-menu li:last-child{border-bottom: none;}
.main-menu ul li .mega-menu.mega-dropdown-menu{top: 77%;}


.inner-head-bg  .main-menu ul li .mega-menu.mega-dropdown-menu  li a {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
}

.inner-head-bg .main-menu ul li .mega-menu.mega-dropdown-menu {
    top: auto;
}

.main-menu ul li .mega-menu.mega-sub-menu {left: 185px; top:0}
.mega-menu.mega-dropdown-menu,.main-menu ul li .mega-menu.mega-sub-menu{box-shadow: 9px 15.588px 30px 0px rgba(6, 7, 7, 0.12);}
/* header-right */
.header-login a{font-size: 18px;}
.side-mobile-menu h6{font-size: 18px;}
/* home4 */
.home4 .main-menu ul .full-mega-menu1 li a{
	margin-right: 0;
}
.home4 .main-menu ul li .mega-menu.full-mega-menu {
	max-width: 1100px;
}
.home4 .main-menu ul li:last-child{margin-right: 0;}
.home4 .header-right{margin-left: 60px;}
.home4 .header-right .my-btn .btn {
	padding: 10px 43px;
}
.show-language{
	min-width: 150px;
	display: none;
}
.show-language li a ,.side-menu-search.header-search-content input::placeholder{
	font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
	display: block;
}
.side-menu-search.header-search-content a{font-size: 14px;}
.header-search-content input {
	border: none;
	border-bottom: 1px solid #ccc;
	outline: none;
}
.header-search-details .close-icon a{
	font-size: 22px;
}
.header-search-content a {
	font-size: 18px;
}
.header-search-content input::placeholder {
	color: #666666;
	font-size: 24px;
	opacity: 1;
}
.header-search-content input::-moz-placeholder{
	color: #666666;
	font-size: 24px;
	opacity: 1;
}
.home4 .header-right .social-link a {
	font-size: 18px;
}

/* header12 */
.menu-bar-home12{
	display: flex;
	flex: 1;
	justify-content: flex-end;
	margin-right: 15px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.show-menu {
	opacity: 1;
	visibility: visible;
}
.home12-menu span {font-size: 24px; line-height: 1;}
.home12-menu {
	cursor: pointer; 
	width: 30px; 
	height: 30px; 
}
.click-close-menu-h12,.show-menu .click-show-menu-h12 {display: none;}
.show-menu .click-close-menu-h12 {display: block;}
/* home6 */
.header .my-btn .btn.transparent-bg {
	padding: 12px 45px;
	font-size: 18px;
}
.sticky-menu .header .my-btn .btn.transparent-bg {
	padding: 10px 40px;
	font-size: 16px;
}

/* 3. slider
-------------------------------------------------------------- */
/* home1 */
.single-slider.slider-height1{
	height: 1105px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}
.slider-content span {
	font-size: 30px;
	line-height: 1.4;
}
.slider-content h1 {
	font-size: 46px;
	font-weight: 500;
	margin-bottom: 0px;
	color: #222;
}
.slider-content p{
	font-size: 18px;
	line-height: 1.4;
	color: #5e5858;
	margin-top: 10px;
	padding-right: 35px;
}
.video-player-btn span {font-size: 24px;}
.video-play{font-size: 16px;}
.video-play {
	width: 72px;
	height: 72px;
	line-height: 72px;
	border-radius: 50%;
	transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
	padding: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
}
.video-play:hover {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	opacity: .9;
}
.slider-img1 {margin-right: -290px;}

.slider-img1 img {
    width: 93%;
    /* right: 0px; */
    /* position: relative; */
    float: right;
    margin-top: 30px;
}




.slider-right-dotted {
	right: 0px;
	top: -47px;
}
.slider-right-dotted img{width:100%;margin-top: 0px;}


.slider-left-dotted {
	left: 100px;
	bottom: 200px;
}
/* home2 */
.slider-height2{height: 1080px;}

/* home5 */
.slider-height5,.slider-height6,.slider-height3,.blog-details-slider-area .page-height{min-height: 1080px;}
/* home6 */
.home6 .slider-content h1 {font-size: 90px;}
.slider-content span {font-size: 32px;color: #002180;font-weight: 400;}
.slider-social-link-area{transform: rotate(-90deg);}
.slider-social-link-area .social-link {margin: 13px 23px;}
.slider-email-area { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.slider-email-area a {font-size: 24px;}
/* home7 */
.slider-height7{min-height: 600px;}
.slider-height7 .slider-content h1,.slider-height7 .slider-content span {
	font-size:48px;
	line-height: 1.25;
}
/* others page */
.page-height{min-height: 570px;}
.breadcrumb-item.active {color: #999999;}
.single-page span{font-size: 18px;}
.single-page h1{font-size: 60px;color: #fff;}



/* 4. brand area
-------------------------------------------------------------- */
.single-brand img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.single-brand img:hover{ filter: invert(0) sepia(0) hue-rotate(0deg) brightness(0.4); -webkit-filter: invert(0) sepia(0) hue-rotate(0deg) brightness(.2); }


/* 5. about area
------------------------------------------------------------- */
.img-left-margin {margin-left: -250px;}
.img-right-margin {margin-right: -190px;}
/* home4 */
.about-area.home4{padding-bottom: 500px;}
.home4 .about-bg-right {
	top: 50%;
	transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
	-moz-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-o-transform: translateY(-65%);
}
.home4 .about-bg-left {top: 22%;}
.about-dotted-shape {
	top: 57.5%;
	right: 186px;
}
/* home5 */
.home5-about-margin {
	margin-top: -450px;
}
.home5-about-bg {
	padding-top: 490px;
}
.home5-about-left-img {
	margin-bottom: -225px;
	margin-left: -125px;
}
/* home3 */
.home3-about-img-wrapper-margin{margin-right: -150px;}
.home3-about-img-border {
	border: 6px solid rgb(108, 99, 255);
	width: 571px;
	height: 397px;
	opacity: .6;
}
.about-img1 {
	left: -80px;
	top: -90px;
}
.about-img2 {
	right: -80px;
	bottom: -85px;
}
/* home6 */
.home6-about-img p {
	font-size: 21px;
	line-height: 1.6;
}
.home6.about-area {
	margin-top: -75px;
}


/* 6. service area
------------------------------------------------------------- */
.ser-icon {width: 60px;}
.single-service-content:hover{transform: translateY(-10px); box-shadow: 0 .2rem 2.5rem rgba(0, 0, 0, .08); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);}
/* .home2 .single-service-content:hover{box-shadow: 0px 5px 40px 0px rgba(0, 23, 88, 0.2);} */
.single-service-content:hover .ser-icon{ transform: translate3d(0, -7px, 0); -webkit-transform: translate3d(0, -7px, 0); -moz-transform: translate3d(0, -7px, 0); -ms-transform: translate3d(0, -7px, 0); -o-transform: translate3d(0, -7px, 0); } 

/* home3 intro */
.home3-single-intro-content::before,.home3-single-intro-content::after{
	position: absolute;
	content: "";
	border-radius: 50%;
	transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
}
.home3-single-intro-content::before {
	background-color: rgb(245, 253, 252);
	left: -100px;
	top: -180px;
	width: 292px;
	height: 292px;

}
.home3-single-intro-content::after {
	background-color: rgb(108, 99, 255);
	right: -18px;
	bottom: -80px;
	width: 118px;
	height: 118px;
}
.home3-single-intro-content{	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);}
.home3-single-intro-content:hover.home3-single-intro-content::before{	left: -160px;top: -220px;}
.home3-single-intro-content:hover.home3-single-intro-content::after{right: -60px;bottom: -85px;}
.home3-single-intro-content .home3-intro-text a{font-size:40px}
/* home3 */
.home3-single-service-content {box-shadow: 14.562px 10.58px 48px 0px rgba(0, 0, 0, 0.06);}
.home3-service-icon  {
	width: 90px;
	height: 90px;
} 
.home3-single-service-content a{font-size: 18px;}
.home3-service-icon span{width: 40px;} 
.home3-single-service-border{border-top: 3px solid #6c63ff;}
.home3-single-service-content .ser-icon {width: 90px;}
.home3-single-service-content .ser-icon span {
	width: 85px;
	height: 85px;
	line-height: 85px;
	font-size: 35px;
}
.home3-single-service-content::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	height: 0;
	background: #6c63ff;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.home3-single-service-content:hover::after {height: 100%;}
.home3-single-service-content:hover .single-service h5,.home3-single-service-content:hover .single-service p,.home3-single-service-content:hover .single-service a{color: #fff;}

/* home4 */
.service-area-margin {margin-top: -355px;}
.service-list li span{font-size: 22px;}
.service-list li {
	text-align: left;
	line-height: 1.35;
}
.service-bg-right {top: 40%;}

/* 7. feature area
------------------------------------------------------------- */
.feature-bg {
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 230px;
}
.feature-ser-icon span{font-size: 30px;} 
/* .sp-feature-area */
.sp-feature-bg{background-position: top left;}
.sp-feature-icon {font-size: 21px;}
.sp-feature-text p {margin-bottom: 12px;}
.sp-feature-content .my-btn .btn {padding: 11px 37px;}
/* home2 */
.img-left-margin2 {margin-left: -250px;}
.feature-bg-left {bottom: -410px;}
.title-icon img {width: 35px;}
.title-icon span {font-size: 35px;}
span.title-icon{
	width: 96px;
	height: 96px;
	line-height: 95px;
}
.home2 .feature-ser-icon span {font-size: 20px;}
.home2 .feature-text li {
	width: 50%;
	float: left;
}
.img-right-margin2 {margin-right: -335px;}
.feature-bg-right {bottom: -300px;}
.home2.feature-area3 .img-left-margin2 {margin-left: -395px;}
/* home3 */
.home3-feature-product-img-wrapper-margin.mb-10.d-flex.justify-content-end {
	margin-right: -68%;
}

/* home4 */
.home4.feature-area4 .about-bg-left {
	top: -108px;
}
.home4 .feature-img {
	margin-left: -240px;
}
.ser-icon span {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 60px;
	font-size: 21px;
	margin-bottom: 20px;
}
.home4-feature2-img-margin{margin-right: -400px;}
.home4-feature-product-bg {
	background: #f3f9fb;
}
.home4-feature-product-img {
	margin-left: -60px;
}
/* home5 */
.home5-feature-area .ser-icon span {
	width: 74px;
	height: 74px;
	line-height: 74px;
	margin-bottom: 22px;
}
.home5-feature-area .ser-icon {
	width: 74px;
}
.home5-feature-wrapper2 .service-text span {font-size: 18px;}
.home5-feature-wrapper2 .service-text li {font-size: 18px;}
/* .sp-feature-area */
.home5-sp-feature-margin {margin-top: -120px;}
.home5-sp-feature-bg{padding-top: 230px;}
.home5-sp-feature-img {
	margin-right: -290px;
}
/* more feature icon */
.more-feature-icon span{width: 45px;}
.home5-more-feature-bg {padding-bottom: 380px;}
/* service-page */
.service-cta-banner-bg{padding-bottom: 325px;}
.feature-area.service-page .ser-icon {
	width: 120px;
}
.feature-area.service-page .ser-icon span {
	width: 120px;
	height: 120px;
	line-height: 120px;
}
.feature-area.service-page .ser-icon span img{width: 45px;}
.service-page .single-service h4{font-size: 24px;} 
.service-cta-banner-img-wrapper-margin {
	margin-top: -60px;
	margin-left: -300px;
}
/* 8. facts area
-------------------------------------------------------------- */
.single-facts{
	width: 260px;
	height: 192px;
	box-shadow: 38.833px 28.214px 90px 0px rgba(0, 0, 0, 0.05);
}
.single-facts span {font-size: 42px;}
.single-facts-margin-left {margin-left: -37px;}
.theme-bg-fact {top: 90px;}
/* home4 */
.facts-area.home4 {margin-top: -170px;}
.home4 .single-f-counter,.about-us-fact-wrapper {
	box-shadow: 0 .2rem 2.5rem rgba(0, 0, 0, .08);
}
.home4 .single-f-counter:hover {background: #6c63ff;}
.home4 .single-f-counter:hover .f-count span,.home4 .single-f-counter:hover p{color: #ffffff;}


/* 9. screenshot area
-------------------------------------------------------------- */
.screenshot-wrapper img{
	padding: 10px;
	background: #ffffff;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .3);
}
/* home5 */
.single-screenshot{box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.08);}
.single-screenshot:hover{box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.19);}
.home5-screenshot-wrapper .slick-track {
	padding-top: 85px;
}
.home5-screenshot-area .slick-slide img{
	opacity: 0.7;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.home5-screenshot-area .slick-slide.slick-current.slick-active.slick-center img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.08);
}



/* 10. faq area
-------------------------------------------------------------- */
.faq-img.img-right-margin {
	margin-right: -370px;
}
.faq-area .faq-wrapper .card-header-top{border-top: 1px solid #e6e6ed}
.faq-wrapper .btn {
	text-decoration: none;
	padding: 24px 46px;
	font-size: 18px;
}
.faq-wrapper .btn:hover {color: #6c63ff;}
.faq-wrapper .card-body {padding: 22px 5px 25px 46px;}
.faq-wrapper h6 a.btn::after{
	content: " \f068";
	font-family: "Font Awesome 5 pro";
	position: absolute;
	left: 0;
	top: 27px;
	font-size: 20px;
	color: #6c63ff;
}
.faq-wrapper h6 a.btn.collapsed::after {content: "\f067";}
/*faq page*/
.faq-wrapper .card-header {
	border-bottom: 1px solid #e6e6ed;
	border-top: 0;
}
.faq-wrapper .card-body {
	border-bottom: 1px solid #e6e6ed;
}
.faq-content .nav-pills .nav-link {
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	border-bottom: 1px solid #d1dbe5;
	border-radius: 0;
	padding: 15px 40px 15px 40px;
}
.faq-content .nav-pills .nav-link.active, .faq-content .nav-pills .show > .nav-link {
	background-color: transparent;
	border-right: 5px solid #6c63ff;
}
.faq-page-area .faq-wrapper .card-body {padding: 0px 0 18px 46px;}
.faq-wrapper .card-header .btn-link.collapsed{border-bottom: 1px solid #e6e6ed;}
.faq-page-area .card-header .btn-link{font-size: 21px;}

/* 11. work area
-------------------------------------------------------------- */
.single-work-content {
	margin-left: 35px;
	box-shadow: 14.562px 10.58px 48px 0px rgba(18, 11, 149, 0.04);
	padding: 56px 60px 42px 58px;
	transition: .5s !important;
	-webkit-transition: .5s !important;
	-moz-transition: .5s !important;
	-ms-transition: .5s !important;
	-o-transition: .5s !important;
	border-radius: 23px;
	min-height: 321px;
}
.single-work-content:hover{ box-shadow: 0px 10px 40px 0px rgba(0, 23, 88, 0.2);}
.work-icon span{
	width: 60px;
	line-height: 1;
}
.item-tag-wrapper {
	position: absolute;
	width: 72px;
	height: 72px;
	line-height: 72px;
	background: #0021800f;
	left: -35px;
	top: -35px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.single-work-content:hover .item-tag-wrapper{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.item-tag {
	width: 54px;
	height: 54px;
	line-height: 54px;
}
.item-tag span{font-size: 18px;}
/* home2 */
.work-img{margin-right: -130px;min-height: 595px; margin-left: 85px;}
.tools {box-shadow: 14.562px 10.58px 48px 0px rgba(0, 0, 0, 0.08);}
.tool-item1{
	top: 128px;
	left: 152px;
}
.tool-item2 { top: 50px;left: 85px;}
.tool-item3{
	right: 140px;
}
.tool-item4{
	right: 0;
	top: 85px;
}
.tool-item5{
	right: 0;
	top: 50%;
	transition: translateY(50%);
	-webkit-transition: translateY(50%);
	-moz-transition: translateY(50%);
	-ms-transition: translateY(50%);
	-o-transition: translateY(50%);
}
.tool-item7{
	left: 15px;
	top: 45%;
}
.tool-item6{
	bottom: 80px;
	left: 0;
}
.tool-item8.position-absolute.tools {
	bottom: 95px;
	left: 230px;
}
.tool-item9.position-absolute.tools {
	right: 80px;
	bottom: 0;
}
/* home6 */
.progress {
	height: 10px;
	overflow: visible;
}
.progress-bar span {
	text-align: right;
	margin-top: -46px;
	color: #6c63ff;
	font-size: 16px;
	font-weight: 700;
}
.progress-bar {
	border-radius: 10px;
	background-color: #6c63ff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.bar-title h4{font-size: 18px;}

.blog-page3-img::before,.blog-portfolio-overly::before{
	position: absolute;
	content: "";
	background-color: #6c63ff;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.blog-page3-content-wrapper:hover .blog-page3-img::before,.blog-page3-content-wrapper:hover .blog-port-hover-icon{ visibility: visible; opacity: 0.6; }
.blog-port-hover-icon  {
	top: 50%;
	font-size: 100px;
	z-index: 111;
	cursor: pointer;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	visibility: hidden;
}
.blog-portfolio-over-content .blog-page-content-info span{color: #ffffff !important;font-weight: 300;}
.blog-portfolio-overly::before {
  background-color: rgb(0, 0, 0);
  opacity: 0;
}
.blog-portfolio-overly:hover::before{opacity: 0.239;visibility: visible;}
.blog-portfolio-over-content{
	bottom: -90px;
	opacity: 0;
	visibility: hidden;
}
.blog-portfolio:hover .blog-portfolio-over-content{bottom: 0; opacity: 1; visibility: visible;}
.blog-portfolio-content-shadow {	box-shadow: 0px 6px 72px 0px rgba(0, 0, 0, 0.2);}
.blog-portfolio:hover .blog-portfolio-content-shadow {	box-shadow: 0px 6px 72px 0px rgba(0, 0, 0, 0.3);}

   
/* 12. portfolio area
-------------------------------------------------------------- */
.portfolio-area .portfolio-menu button {
	border: 0;
	background: transparent;
	font-weight: 700;
	font-size: 18px;
	padding: 10px 18px;
	color: #2e2e37;
	cursor: pointer;
}
.portfolio-menu button.active,.portfolio-menu button:hover {color: #6c63ff;}
.single-portfolio img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.single-portfolio::before {
	content: "";
	background: #6c63ff;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	position: absolute;
	opacity: 0;
	transition: 0.5s;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	z-index: 1;
}
.single-portfolio:hover::before {opacity: .7;}
.port-content {
	right: 30px;
	top: -10px;
	font-size: 18px;
	visibility: hidden;
	opacity: 0;
	z-index: 11;
	cursor: pointer;
	background: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
}
.single-portfolio:hover .port-content{ top: 30px; transition: 0.6s; opacity: 1; visibility: visible; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; }
.port-over-content{bottom: -30px;opacity: 0;transition: 0.6s;}
.single-portfolio:hover .port-over-content {bottom: 0%;opacity: 1;transition: 0.6s;}
.port-over-content h3{font-size:30px; line-height: 1.2;}
.award-content h3 {
	font-size: 30px;
	line-height: 1.3;
}
.portfolio-modal-content .modal-content h2 {padding-left: 0;padding-right: 0;}
.home7 .port-over-content h3,.home8 .port-over-content h3,.home4 .port-over-content h3 {font-size: 20px;}
.home7 .port-over-content {padding-left: 25px;z-index: 1;}
.home6 .port-over-content h3 {font-size: 22px;}
.single-product { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.modal-content .close-icon {
	z-index: 11;
	position: relative;
}
h4.modal-title {font-size: 30px;}
/* 13. price area
-------------------------------------------------------------- */
.switch{width: 62px;height: 25px;}
.slider.round{
	border: 1px solid #d8d7e6;
	background: #ffffff;
	border-radius: 30px;
}
.slider.round::before{
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background: #6c63ff;
	border-radius: 50% ;
	padding: 0;
	line-height: 18px;
	-webkit-border-radius: 50% ;
	-moz-border-radius: 50% ;
	-ms-border-radius: 50% ;
	-o-border-radius: 50% ;
	transition: 0.4s;
	left: 8px;
	bottom: 3px;
}
.switch input{
	opacity: 0;
	width: 0;
	height: 0;
 }
input:checked + .slider{ background-color: transparent;}
input:focus + .slider{ box-shadow: none}
input:checked + .slider::before{ transform: translateX(26px);}
.packages {border: 1px solid #d7d6e5; }
.packages:hover {border: 1px solid transparent;	box-shadow: 0px 5px 42px 0px rgba(0, 0, 0, 0.06);}
.packages:hover .my-btn .btn.transparent-bg{background: #6c63ff; color: #fff;	box-shadow: 0px 5px 15px 0px rgba(8, 0, 140, 0.19);}
.price span.p-p{font-size: 24px;}
.price-item-list {
	display: inline-block;
	margin: 0 auto;
	min-height: 275px;
}
.price span {font-size: 18px;color: #b9b8c2;}
.price-item-list span{font-size: 19px;}
.pricing-plan-section .tab-content .table-content .price-table {
  width: 370px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transform: scale(0.8,0.8) translateX(225px);
  transform: scale(0.8,0.8) translateX(225px);
  box-shadow: 0px 30px 72px 0px rgba(0, 0, 0, 0.06);
}
.pricing-plan-section .tab-content .table-content .price-table.active {
  position: relative;
  z-index: 5;
  -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);
}
.pricing-plan-section .tab-content .table-content .price-table .col-inner {
  position: relative;
  padding: 55px 15px 60px 15px;
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05);
  -ms-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05);
  -o-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.05);
}
/* price-nav */
.pricing-plan-section ul.price-nav {
	display: inline-block;
	box-shadow: 0px 5px 30px 0px rgba(8, 0, 140, 0.06);
	border-radius: 30px;
}
.pricing-plan-section ul.price-nav li a {
	padding: 20px 40px;
	line-height: 1;
	color: #222222;
	font-size: 18px;
	font-weight: 600;
	box-shadow: 0px 5px 30px 0px rgba(8, 0, 140, 0.06);
	border-radius:30px 0px 0px 30px;
     display: block;
}
.pricing-plan-section ul.price-nav li a.active {
	border-radius:30px 0px 0px 30px;
	-webkit-border-radius:30px 0px 0px 30px;
	-moz-border-radius:30px 0px 0px 30px;
	-ms-border-radius:30px 0px 0px 30px;
	-o-border-radius:30px 0px 0px 30px;	
     background:#6c63ff;
	color: #ffffff;
}
.pricing-plan-section ul.price-nav li:nth-child(2) a {
	border-radius: 0px 30px 30px 0px;
	-webkit-border-radius: 0px 30px 30px 0px;
	-moz-border-radius: 0px 30px 30px 0px;
	-ms-border-radius: 0px 30px 30px 0px;
	-o-border-radius: 0px 30px 30px 0px;
     margin-left: -5px;
}
.pricing-plan-section ul.price-nav li {display: inline-block}

/* 14. review area
-------------------------------------------------------------- */
.review-area-home5-margin {
	margin-top: -390px;
}
.home5-review-bg{padding-top: 500px;}
.review-rate li a{color: #e9a859;}
.quit img {
	width: 30px;
}
.review-rate li a{font-size: 20px;}
.testimonial-text5 p {
	font-size: 21px;
	line-height: 1.6;
}


/* 15. sp offer area
-------------------------------------------------------------- */
.sp-offer-bg {background-position: right top;}
.sp-offer-img-left-margin {margin-left: -59%;}


/* 16. home3 project area
-------------------------------------------------------------- */
.home3-single-facts p {font-size: 24px;}
.home3-single-facts span {font-size: 48px;}
.home3-project-bg {padding-top: 560px;}
.home3-project-wrapper{margin-top: -210px;}
.home3-project-margin{margin-top: -130px;}
.home3-single-project::before {
	content: "";
	background-color: #6c63ff;
	opacity: 0.859;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	position: absolute;
	opacity: 0;
	transition: 0.5s;
	z-index: 1;
}
.home3-single-project:hover::before {opacity: .7;}
.project-content{
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	visibility: hidden;
	opacity: 0;
	z-index: 11;
	cursor: pointer;
	width: 90px;
	height: 90px;
	line-height: 60px;
	border-radius: 50%;
}
.project-content span{font-size: 90px;}
.home3-single-project:hover .project-content{ 
	top:50%; transition: 0.6s; 
	opacity: 1; 
	visibility: visible; 
	-webkit-transition: 0.6s; 
	-moz-transition: 0.6s; 
	-ms-transition: 0.6s; 
	-o-transition: 0.6s; 
}
.project-over-content{ bottom: -30px;opacity: 0;transition: 0.6s;}
.home3-single-project:hover .project-over-content {bottom: 0%;opacity: 1;transition: 0.6s;}


/* 17. testimonial area
-------------------------------------------------------------- */
.testimonial-img {margin-left: -160px;}
.testimonial-text p {font-size: 24px;line-height: 1.5;}
.avatar-info p {font-size: 16px;}
.quit {top: -95px;}
.quit span{font-size: 50px;}
/* home2 */
.testimonial-text2,.testimonial-text4{ box-shadow: 0 2px 18px 0px rgba(0, 0, 213, 0.08);}
.testimonial-text2:hover,.testimonial-text4:hover{ filter: drop-shadow(0 12px 10px rgba(180, 180, 180, .4)); -webkit-filter: drop-shadow(0 12px 10px rgba(180, 180, 180, .4)); }
.testimonial-bg-left {top: -80px;}
.testimonial-wrapper{margin-right: -100%;}
.testimonial-active2-variable-width .slick-slide {width: 590px;}
.product-active4-variable-width .slick-slide {width: 590px;}
/* home3 */
.home3-testimonial-product-bg{padding-bottom: 250px;}
.testimonial-text3 p{font-size: 24px;line-height: 1.5;}
.testimonial-text3 .quit img {width: 40px;}
.home3-testimonial-area .rounded-circle img{ border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.home3-testimonial-person-img1 {
	left: 145px;
	top: 20%;
}
.home3-testimonial-person-img2 {
	left: 290px;
	top: 31%;
}
.home3-testimonial-person-img3 {
	left: 70px;
	bottom:40%;
}
.home3-testimonial-person-img4 {
	left: 260px;
	bottom: 28%;
}
.home3-testimonial-person-img5 {
	right: 155px;
	top: 30%;
}
.home3-testimonial-person-img6 {
	right: 22px;
	bottom: 50%;
}.home3-testimonial-person-img7 {
	right: 290px;
	bottom: 38%;
}
.home3-testimonial-person-img8 {
	right: 60px;
	bottom: 23%;
}
.home3-testimonial-shape1 {
	border-radius: 50%;
	background: #6c63ff;
	width: 23px;
	height: 23px;
	left: 150px;
	top: 33%;
}
.home3-testimonial-shape2 {
	border: 5px solid #6c63ff;
	border-radius: 50%;
	background: transparent;
	left: 328px;
	top: 52%;
	width: 50px;
	height: 50px;
}   
.home3-testimonial-shape3 {
	border-radius: 50%;
	background: #6c63ff;
	right: 400px;
	top: 28%;
	width: 19px;
	height: 19px;
	z-index: 80;
}
.home3-testimonial-shape4 {
	border-radius: 50%;
	background: #6c63ff;
	right: 160px;
	bottom: 40%;
	width: 29px;
	height: 29px;
	z-index: 81;
}
/* home4 */
/* .testimonial-text4{box-shadow: 0.469px 2.963px 30px 0px rgba(0, 0, 213, 0.06); } */
.testimonial-wrapper4 .quit span {font-size: 24px;}
.testimonial-text4{	box-shadow: 0.469px 2.963px 20px 0px rgba(0, 0, 213, 0.04);}
.testimonial-text4 img {
	height: 30px;
}
.testimonial-text4:hover{box-shadow: 0.469px 2.963px 20px 0px rgba(0, 0, 213, 0.06);}
.testimonial-text4::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 12.5px 0 12.5px;
	border-color: #ffffff transparent transparent transparent;
	bottom: -25px;
	left: 60px;
	z-index: 999;
}
/* home6 */
.testimonial-text6 {box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.06);}
.testimonial-text6 > p{font-size:24px;line-height:1.5}
.testimonial-text6 .quit span{font-size: 75px;}
.testimonial-text6 .quit{top: -40px;left: 65px;}


/* 18. banner area
-------------------------------------------------------------- */
.banner-margin-bottom {bottom: -112px;}
.banner-border{
	border-top: 8px solid #6c63ff;
	box-shadow: 0px 18px 90px 0px rgba(0, 0, 0, 0.03);
}
.banner-border:hover{box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .08) } 
/* home2 */
.home2 .banner-content h4{font-size: 30px;line-height: 1.4;}
/* home4 */
.banner-border4{border: 4px solid #6c63ff;}

/* 19. team area
-------------------------------------------------------------- */
.home3-team-img-wrapper-margin{margin-left: -180px;margin-right: 85px;}
.home3-team-img{min-height: 560px;}
.home3-team-img-border,.home3-team-primary-border {
	border: 6px solid rgb(108, 99, 255);
	width: 197px;
	height: 197px;
	opacity: .6;
	left: 150px;
	top: 180px;
}
.home3-team-primary-border {
	width: 76px;
	height: 76px;
	opacity: 0.18;
	left: -32px;
	top: 57.5%;
}
.home3-team-theme-box {
	width: 29px;
	height: 29px;
	bottom: 70px;
	left: 53%;
}
.home3-team-dotted {bottom: 70px;}
.team-img1 {
	left: 0;
	top: 0;
}
.team-img2 {
	right: 55px;
	top: 95px;
} 
.team-img3 {
	left: 90px;
	bottom: 0;
}
/* home6 */
.home6-team-content h3{font-size: 24px;}
.home6-team-content h4{ font-size: 18px;}
.home6-team-wrapper .social-link {
	margin-bottom: -50px;
} 
.home6-team-wrapper:hover .social-link{ margin-top: 15px; margin-bottom: 10px; }  
.home6-team-content { 
	box-shadow: 14.562px 10.58px 48px 0px rgba(0, 0, 0, 0.08);
	bottom: -60px;
} 
   
/* 20. blog area
-------------------------------------------------------------- */
.single-blog-content{
	box-shadow: 0px 6px 30px 0px rgba(7, 7, 7, 0.08);
}
.single-blog{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.single-blog:hover {box-shadow: 0px 10px 80px 0px rgba(193, 193, 193, 0.41);}
.single-blog-content h4{font-size: 18px; font-weight: 700;line-height: 1.4;}
/* modal */
.modal-dialog {max-width: 1100px;margin: 0 auto;}
.modal-content h2 {font-size: 36px;padding: 50px 80px 20px 80px;line-height: 1.32;}
.home3-project-area .modal-content h2 {padding-left: 0;padding-right: 0;}
.pro-modal-footer h6{font-size: 16px;}
.meta-wrapper{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.item-meta li{padding-bottom: 16px;}
.meta-wrapper .btn {
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
}
/* home6 */
.home6-blog-area .single-blog-content h4{font-size: 16px;}
.home6-blog-area .single-blog-content span{font-size: 16px;}
.home6-blog-area .single-blog:hover .single-blog-content{	background: transparent}
.home6-blog-area .single-blog:hover .single-blog-content span,.home6-blog-area .single-blog:hover .single-blog-content h6,.home6-blog-area .single-blog:hover .single-blog-content h4{color: #fff;}
.home6-blog-img::before {
	position: absolute;
	content: "";
	background: #000;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.302;
}
.home6-blog-area .single-blog .single-blog-content{border: 3px solid #d8dadb;}
.home6-blog-area .single-blog:hover .single-blog-content{border:3px solid transparent;}


/* 21. about us page
-------------------------------------------------------------- */
.about-us-img-wrapper {
	margin-right: -150px;
}
.about-us-marker,.about-us-marker-text {
	box-shadow: 14.562px 10.58px 48px 0px rgba(0, 0, 0, 0.08);
	width: 197px;
	height: 181px;
	right: -100px;
	top: -70px;
	display: table-cell;vertical-align: middle;
}
.about-us-marker h3{font-size: 24px;}
.about-us-about-icon {
	width: 112px;
	height: 112px;
	top: -50px;
	left: -50px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
}
.about-us-about-icon span{font-size: 50px;}  
.about-us-img-wrapper .about-us-img2 {
	left: -58px;
	bottom: -115px;
	border-radius: 20px;
	border: 11px solid #fff;
	width: 67%;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.about-us-img1 {
	border-radius: 20px;
};
}
.about-us-fact-bg .home3-single-facts span {font-size: 72px;line-height: 1.35;}
.speciality-area .single-service-content:hover{ box-shadow: none; }
.our-team-social-link {
	top: 30%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
}
.our-team-wrapper:hover .our-team-social-link{ 
	top: 50%;
	opacity: 1;
	visibility: visible;
}
.single-team-img{padding-left: 20px;padding-right: 20px;}
.our-team-social-link li a {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #6c63ff;
}
.our-team-info{
	bottom: -100px;
	clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
}
.our-team-info h3 {
	font-size: 24px;
}
.our-team-wrapper:hover .our-team-info h3,.our-team-wrapper:hover .our-team-info span{color: #fff;}
.our-team-wrapper:hover .our-team-info{background: #6c63ff;}
.our-team-bg {padding-bottom: 370px;}
.our-team-wrapper{margin-bottom: 110px;}
.team-page .our-team-info{clip-path: none;	box-shadow: 14.562px 10.58px 48px 0px rgba(0, 0, 0, 0.06);}
.team-page .our-team-wrapper:hover .our-team-info{clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);}
.speciality-area .ser-icon img {max-height: 50px;}
.about-page .single-service-content:hover .ser-icon{
	transform: translateY(-10px);
	box-shadow: 0 .2rem 2.5rem rgba(0, 0, 0, .08);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	box-shadow: none;
}
.about-page .single-service-content:hover{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
} 

/* 22. blog page area
-------------------------------------------------------------- */ 
.blog-page-content-info span {color: #999999;}
.blog-page-sidebar h4,.review-text h3{font-size: 18px; font-weight: 700;}
.sidebar-widget h4 span{font-size: 12px;}
.single-blog-info span{font-size: 12px;}
.blog-search input {
	height: 56px;
	border-radius: 0;
	padding: 0 16px;
}
.form-control {border: 1px solid #d1dbe5;}
.blog-search input:focus{border: 1px solid #ced4da;;}
.blog-search a {
	width: 60px;
}
.blog-search a span,.blog-page-social-link .social-link a{font-size: 18px;}
.recent-post h3,.blog-page-social-link span,.author-post .btn-2 a{font-size: 16px;}
.sidebar-widget .r-post-content h3 a,.r-comments span,.sidebar-widget .r-comments a,.sidebar-widget a{color: #222222;}
.recent-post img {
	max-width: 70px;
	max-height: 75px;
}
.search-tag li {display: inline-block;}
.search-tag li a {
	border: 1px solid #ced4da;
	padding: 7px 20px;
	margin-bottom: 10px;
	display: inline-block;
	border-radius: 30px;
	font-size: 14px;
	margin-right:5px;
}
.search-tag li a:hover,.search-tag li a:hover span{background: #6c63ff;color: #fff;}
.r-post-content span,.modal-tags h6,.review-head span{font-size: 14px;}
.blog-page .my-btn .btn {padding: 10px 38px;font-size: 16px;}
.blog-page4-area .blog-page1-content {box-shadow: 0px 6px 72px 0px rgba(0, 0, 0, 0.1);}
.blog-page2-height{min-height: 440px;}
.page-title h2{font-size: 42px;}
.blog-page3-content p {line-break: anywhere;}
.single-author-post h4{font-size: 18px;line-height: 1.6;}
.contact-form input,.comment textarea {
	border: 1px solid #e5e5e5;
	height: 60px;
}
.comment textarea{min-height: 155px;}
.quote-area {background: #f9fcfd;}
.quote-area span{font-size: 21px;}
.quote-area .blockquote p{font-size: 24px;}
.blog-slider-overly::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	opacity: 0.502;
}
.blog-slider-overly .blog-page-content-info span{color: #ffffff;font-weight: 300;}
.blog-overly-header .main-menu ul li > a,.blog-overly-header .mobile-menubar {color: #ffffff;}
.black-header .main-menu ul .mega-menu li a {color: #222;}
.blog-overly-header .btn {border: 1px solid #ffffff;}
.blog-overly-header .btn:hover {border: 1px solid #6c63ff;}
.blog-overly-header.sticky-menu .header {background: rgb(0, 0, 0);opacity: 0.8;}
.blockquote img {width: 30px;}
.blockquote-icon{width: 105px;}
/* pagination */
.pagination-page .page-link {
	width: 46px;
	height: 46px;
	text-align: center;
	color: #888;
	border: 1px solid #d1dbe5;
	margin-right: 10px;
	line-height: 30px;
	display: block;
	font-size: 16px;
}
.pagination-page .page-link:hover,.pagination-page .page-item.active .page-link  {
	background-color: #6c63ff;
	border-color:#6c63ff;
	color: #fff;
}
.pagination-page .page-link:focus{box-shadow: none;}
.pagination-page .pagination.justify-content-center .page-link {margin: 0 5px;}
.blockquote span{font-size: 32px;}
.blockquote p{font-size: 21px;}
.review-comments-area h4{font-size: 30px;}


/* 23. contact area
-------------------------------------------------------------- */
.contact-icon {
	width: 72px;
	height: 72px;
	line-height: 72px;
	border-radius: 50%;
}
.contact-text h4 {
	font-size: 21px;
}
.contact-icon span,.contact-info input,.contact-info textarea {font-size: 18px;}
.contact-info .massage{min-height: 200px;}
.contact-form .form-message.success{color:green}
.contact-form .form-message.error{color: red;}
/* map */
.map-wrapper {
	width: 100%;
	min-height: 430px;
	background: #f9f9f9;
	margin-right: 90px;
	border-radius: 10px;
}
.leaflet-marker-icon {width: 55px;}


/* 24. login area
-------------------------------------------------------------- */
.login-form label,.login-form .login-check p,.f-get-pass a,.register-form label, .register-form input{
	font-size: 14px;
	color: #222222;
}
.login-register-area input{height: 55px; border-radius:0}
.login-register-area input.form-control:focus {
	border-color: #7d7d7d;
	border: 2px solid #7d7d7d;
	box-shadow: none;
}
.f-get-pass a {border-bottom: 2px solid #222;}
.register-form h6 {font-size: 16px;}
.register-form p {
	font-size: 14px;
	line-height: 26px;
	color: #555;
}

/* 25. error page
-------------------------------------------------------------- */
.error-search input {
	height: 60px;
}
.error-back li{font-size: 16px;}
.error-back li a{font-size: 18px;}



/* 26. footer area
-------------------------------------------------------------- */
.footer-area li,.footer-area span,.footer-top a{
	color: #666666;
	font-size: 18px;
	line-height: 1.556;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	margin-bottom: 5px;
}
.footer-top a:hover,.footer-bottom a:hover,.footer-bottom a.c-theme:hover{color: #6c63ff;}
.footer-area span.f-icon {
	width: 18px; 
}
.sub-name,.home4 .copyright-area h3 {font-size: 18px;}
.sub-name.form-control::placeholder {color: #666666;font-size: 18px;}
.sub-name.form-control:focus {box-shadow: none;background: #f0f4f9;}
.subscribe-info span {
	right: 20px;
	top: 16px;
	font-size: 18px;
}
.social-link a{font-size: 21px;}
.phone-contact a {font-size: 30px;}
.phone-contact span{font-size: 20px;line-height: 1;}
.phone-contact span {
	font-size: 22px;
	color: #6c63ff;
}
/* home2 */
.f-count span {font-size: 48px;color:#6c63ff;}
.single-f-counter p {max-width: 90px;line-height: 1.43;}
/* home3 */
.home3-f-about-info li {
	width: 50%;
	float: left;
}
/* home5 */
.footer-blog span{font-size: 16px;}
.footer-blog h6{font-size: 18px;}

/* extra css  */
/* header-search-details */
.header-search-details {
	width: 100%;
	position: fixed;
	top: -250%;
	left: 0;
	z-index: 555;
	height: 100%;
	transition: .5s;
}
.header-search-details.open-search-info {
	top: 0;
}




.main-container-d{padding: 0 4%;/* background: #ccc; */ margin-right: auto;
    margin-left: auto;
}

.bann-padzz{padding: 0;}

.read-more-btn {
  background: linear-gradient(90deg, #003399, #00a9c9);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 10px 8px 10px 25px;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.icon-circle {
  background: #fff;
  color: #003399;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.icon-circle i {
  font-size: 13px;
  transition: transform 0.3s ease;
}

.read-more-btn:hover .icon-circle {
  background: #fff;
  transform: translateX(3px);
}

.read-more-btn:hover .icon-circle i {
  transform: translateX(2px);
}

.read-more-btn:hover {
  opacity: 0.9;
}

.mt111{
    margin-top: 0px;
    /* margin-bottom: 40px; */
}


/* Container */
.results-section {
  /* display: flex; */
  /* align-items: center; */
  /* background: #fff; */
  /* border-radius: 20px; */
  /* padding: 25px 40px; */
  /* box-shadow: 0 4px 15px rgba(0,0,0,0.05); */
  /* max-width: 911px; */
  /* width: 100%; */
  /* gap: 30px; */
  /* position: relative; */
  /* margin-top: 23px; */
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #ffffff 70%, rgba(255, 255, 255, 0));
  border-radius: 20px;
  padding: 15px 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  max-width: 911px;
  width: 100%;
  gap: 25px;
  position: relative;
  margin-top: 23px;
}

/* Left Image */
.results-section img {
  width: 189px;
  border-radius: 8px;
  object-fit: cover;
}

/* Right Text */
.results-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  margin-left: 19px;
}

.results-title {
  font-size: 15px;
  color: #002b6b;
  font-weight: 500;
  margin-bottom: 14px;
  /* text-align: center; */
}

.stats {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-top: 0px;
}

.stat {
  flex: 1;
}

.stat h2 {
  font-size: 28px;
  color: #1de9b6;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.stat h2 span {
  font-size: 30px;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #002180;
}



.stat p {
  font-size: 17px;
  color: #555;
  margin-bottom: 0px;
  padding-right: 0px;
  line-height: 14px;
}

/* Responsive */
@media (max-width: 768px) {

	
	   .results-section{ display: none;}
     
     
     
	
	
}



.product-card {
      border: none;
      border-radius: 20px;
      overflow: hidden;
      transition: all 0.4s ease;
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%;
      /* box-shadow: none !important; */
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .product-card img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .product-card:hover img {
      transform: scale(1.05);
    }

    .card-content {
      background: #fff;
      padding: 25px;
      position: relative;
      z-index: 2;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: -25px;
      /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */
    }

    .product-card:hover .card-content {
      background: linear-gradient(135deg, #002180 0%, #075085 100%);
      color: #fff;
    }

    .product-card:hover .card-content p {
      color: #e9e9e9;
      /* font-size: 15px; */
    }


    .card-content h5 {
      font-weight: 500;
      font-size: 1.2rem;
      margin-bottom: 10px;
      font-family: 'Poppins', sans-serif;
    }

 a  {
     text-decoration:none;
    }


   .product-card:hover  .card-content h5  {
      color: #e9e9e9;
    }
    .card-content p {
      font-size: 0.9rem;
      color: #555;
      margin-bottom: 0;
      line-height: 25px;
      font-weight: 300;
      font-size: 15px;
      padding-right: 32px;
    }

    /* ===== Circle Arrow Icon ===== */
    .arrow-icon {
      align-self: flex-end;
      font-size: 0.9rem;
      color: #fff;
      background-color: #17e4a1;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      margin-top: 10px;
      position: absolute;
      bottom: 7px;
      right: 12px;
    }

    .product-card:hover .arrow-icon {
      background-color: #fff;
      color: #007bff;
      transform: translateX(5px);
      box-shadow: 0 4px 10px rgba(255, 255, 255, 0.4);
    }



    /* Desktop tab menu */
    .nav-pills {
      justify-content: center;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }

    .nav-pills .nav-link {
      border-radius: 25px;
      color: #000;
      background-color: transparent;
      font-weight: 500;
      padding: 8px 20px;
      transition: 0.3s;
      font-weight: 300;
      font-size: 14px;
    }

    .nav-pills .nav-link.active {
      background-color: #002180;
      color: #fff;
      font-weight: 300;
      font-size: 14px;
      box-shadow: 0 4px 10px rgba(0, 56, 255, 0.2);
    }

    /* Product box */
    .product-box {
      background: #fff;
      border-radius: 20px;
      text-align: center;
      padding: 25px;
      transition: all 0.3s ease;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      height: 100%;
    }

    .product-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    }

    .product-box img {
      width: 100%;
      height: 180px;
      object-fit: contain;
      margin-bottom: 15px;
      transition: transform 0.3s ease;
    }

    .product-box:hover img {
      transform: scale(1.05);
    }

    .product-category {
      font-size: 0.9rem;
      color: #777;
    }

    .product-title {
      font-weight: 600;
      font-size: 1rem;
      margin-top: 5px;
      color: #000;
    }

    .rating {
      color: #ffc107;
      font-size: 0.85rem;
    }

    /* ---------- Mobile Dropdown ---------- */
    .tab-dropdown {
      display: none;
      position: relative;
      margin-bottom: 20px;
    }

    .dropdown-toggle {
      width: 100%;
      border-radius: 30px;
      background: #002180;
      color: #fff;
      text-align: left;
      padding: 10px 50px 10px 20px;
      font-weight: 500;
      position: relative;
      border: none;
    }

    /* Prevent hover/focus from hiding or changing color */
    .dropdown-toggle:hover,
    .dropdown-toggle:focus,
    .dropdown-toggle:active,
    .show > .dropdown-toggle {
      background: #17e4a1 !important;
      color: #fff !important;
      box-shadow: none !important;
      outline: none !important;
    }

    /* Fixed-position arrow icon */
    .dropdown-toggle::after {
      /* content: "\f078"; */
      /* content: "\10f0c9"; */
      content: "\f0c9";
      /* font-family: "Font Awesome 6 Free"; */
      font-weight: 900;
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      border: none;
      font-size: 0.85rem;
      transition: transform 0.3s ease;
    }

    /* Rotate arrow when dropdown is open */
    .show > .dropdown-toggle::after {
      transform: translateY(-50%) rotate(180deg);
    }

    .dropdown-menu {
      width: 100%;
      position: absolute !important;
      top: 110%;
      left: 0;
      z-index: 1000;
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    }

    .dropdown-menu button {
      width: 100%;
      text-align: left;
      border: none;
      background: transparent;
      padding: 10px 20px;
      font-size: 0.95rem;
    }

    .dropdown-menu button:hover {
      background: #f0f3ff;
      color: #0038ff;
    }

    @media (max-width: 767px) {
      .nav-pills {
        display: none !important;
      }
      .tab-dropdown {
        display: block;
      }
    }

.sev-card .section-title{
    font-weight: 600;
    margin-bottom: 51px;
    text-align: center;
    color: #002180;
    }
.pro-nav  .section-title{
    /* font-weight: 700; */
    /* margin-bottom: 30px; */
    font-weight: 600;
    margin-bottom: 51px;
    text-align: center;
    color: #002180;
    }

  .social-icons {
      display: flex;
      gap: 3px;
      position: relative;
      margin-top: -8px;
    }

.sticky-menu   .social-icons {
    
      margin-top: 0px;
    }

    .social-icons a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 39px;
      height: 39px;
      background-color: #1de9b6; /* mint green shade */
      border-radius: 50%;
      color: #002b36;
      font-size: 14px;
      transition: all 0.3s ease;
      text-decoration: none;
    }

    .social-icons a:hover {
      background-color: #00c9a7;
      color: #fff;
      transform: translateY(-4px);
      box-shadow: 0 4px 15px rgba(0, 201, 167, 0.4);
    }

.main-menu{
    margin-right: 43px;
}
.whosev{
    /* background: #f0fcf9; */
    padding: 67px 0px;
}
.whosev .section-title {
    /* font-weight: 700; */
    /* margin-bottom: 30px; */
    font-weight: 600;
    margin-bottom: 51px;
    text-align: center;
    color: #002180;
}
/* Base card */
.serve-card {
  background: #fff;
  border-radius: 20px;
  padding: 35px 25px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  height: 100%;
}

/* Hover Effect — blue background & white text */
.serve-card:hover {
  background: linear-gradient(135deg, #00339a, #007bff);
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 56, 255, 0.15);
}

/* Icon default */
.serve-icon {
  font-size: 2rem;
  color: #00c896;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

/* Icon turns white on hover */
.serve-card:hover .serve-icon {
  color: #fff;
}

/* Number (faint background text) */
.serve-number {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 6rem;
  font-weight: 400;
  color: rgb(0 0 0 / 3%);
  user-select: none;
  line-height: 120px;
  transition: all 0.3s ease;
}

/* Number becomes faint white on hover */
.serve-card:hover .serve-number {
  color: rgba(255, 255, 255, 0.15);
}

/* Title + Paragraph */
.serve-title {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 10px;
  color: #222;
  transition: color 0.3s ease;
}

.serve-text {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin-bottom: 25px;
  transition: color 0.3s ease;
}

/* Text turns white on hover */
.serve-card:hover .serve-title,
.serve-card:hover .serve-text {
  color: #fff;
}

/* Arrow icon */
.serve-arrow {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all 0.3s ease;
}

/* Arrow turns white with transparent background on hover */
.serve-card:hover .serve-arrow {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}

/* Active (static blue) card still works */
.serve-card.active {
  background: linear-gradient(135deg, #002bff, #007bff);
  color: #fff;
}

.serve-card.active .serve-icon,
.serve-card.active .serve-title,
.serve-card.active .serve-text {
  color: #fff;
}

.serve-card.active .serve-number {
  color: rgba(255, 255, 255, 0.15);
}

.serve-card.active .serve-arrow {
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}


.serve-card.active {
  background: linear-gradient(135deg, #002180, #007bff);
  color: #fff;
  transition: all 0.4s ease;
}

/* Hover effect for active card */
.serve-card.active:hover {
  background: #17e4a1;
  color: #000; /* all text changes to black */
}

/* Change icon and number to black on hover */
.serve-card.active:hover .serve-icon,

.serve-card.active:hover .serve-title,
.serve-card.active:hover .serve-text {
  color: #000 !important;
}

/* Arrow turns black on hover with light background */
.serve-card.active:hover .serve-arrow {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.serve-icon img {
  width: 61px; /* adjust as you like */
  transition: all 0.3s ease;
  filter: brightness(1) invert(0); /* normal state */
  margin-bottom: 12px;
}

/* When card is hovered — icon becomes white */
.serve-card:hover .serve-icon img {
  filter: brightness(0) invert(1);
}



    /* Image Card */
    .serve-card.image-card {
      padding: 0;
      overflow: hidden;
      border-radius: 20px;
    }

    .serve-card.image-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }




.choose-section {
      /* background-color: #e8fbf7; */
      border-radius: 20px;
      overflow: hidden;
      padding: 50px 0;
      /* background: #f0fcf999; */
      padding: 39px 0px 79px;
    }


.choose-section-in{
    background: #fff;
    border-radius: 20px;
    /* padding: 35px 25px; */
    position: relative;
    overflow: hidden;
    transition: all 0.4s 
ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
} 

    .choose-left {
      /* background: url('pattern.png') center/cover no-repeat, linear-gradient(135deg, #0038ff, #0027b5); */
      border-radius: 20px  20px;
      position: relative;
      color: #fff;
      padding: 0px 40px 0px 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%;
    }


.choose-left-box{background: url('../images/ch.webp');position: absolute;width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;}



    .choose-left h2 {
      position: absolute;
      top: 54px;
      left: 53px;
      font-size: 37px;
      font-weight: 400;
      color: #fff;
      z-index: 2;
      text-align: left;
    }

    .choose-left img {
      position: relative;
      max-width: 100%;
      height: auto;
      z-index: 1;
      bottom: -58px;
      right: -74px;
    }

    .choose-right {
      padding: 50px 40px 50px 19px;
    }

    .choose-right h3 {
      font-weight: 500;
      font-size: 33px;
      margin-bottom: 23px;
      color: #222;
      padding-right: 34px;
    }

    .reason-list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 16px 40px;
      margin-bottom: 36px;
    }

    .reason-item {
      display: flex;
      align-items: flex-start;
      gap: 15px;
    }

    .reason-item i {
      color: #ffffff;
      background: #17e4a1;
      border-radius: 51%;
      padding: 10px;
      font-size: 9px;
      flex-shrink: 0;
      margin-top: 3px;
    }

    .reason-item p {
      color: #333;
      font-size: 0.95rem;
      margin: 0;
      line-height: 1.5;
    }


.cose-rigt-im{
    position: absolute;
    right: -4px;
    top: 0px;
    width: 260px;
    opacity: 0.4;
}
.cose-rigt-im2{
    position: absolute;
    left: 609px;
    top: 0px;
    width: 260px;
    opacity: 0.4;
}

    @media (max-width: 991px) {
      .choose-left {
        border-radius: 20px 20px 0 0;
      }

      .choose-left h2 {
        position: static;
        margin-bottom: 20px;
      }

      .choose-right {
        padding: 40px 25px;
      }
    }




 >
    body {
      background: #e8fbf7;
      font-family: "Poppins", sans-serif;
    }

    /* --- MAIN CONTAINER --- */
    .contact-wrapper {
      display: flex;
      align-items: stretch;
      justify-content: center;
      background: #ffffff;
      border-radius: 20px;
      overflow: hidden;
      margin: 60px auto;
      max-width: 100%;
      position: relative;
      margin: 0px 4%;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
    }

    /* --- LEFT FORM SECTION --- */
    .contact-left {
      background: #ffffff;
      flex: 1;
      padding: 50px 105px 50px 40px;
      border-radius: 20px 0 0 20px;
      position: relative;
      z-index: 1;
      flex: 0 0 60%;
      /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
    }

    .contact-left h2 {
      font-size: 38px;
      font-weight: 500;
      margin-bottom: 20px;
      color: #222;
      line-height: 34px;
      text-align: left;
    }

    .form-control {
      background: #fcfcfc;
      border: none;
      border-radius: 30px;
      padding: 12px 20px;
      font-size: 0.95rem;
      color: #222;
      border: 1px solid #cccccc78;
    }

    .form-control::placeholder {
      color: #333;
      opacity: 0.8;
    }

    .form-control:focus {
      box-shadow: none;
      background: #dadada;
    }

    .send-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(90deg, #0038ff, #00bfff);
      color: #fff;
      border-radius: 30px;
      border: none;
      padding: 12px 14px 12px 25px;
      font-weight: 600;
      transition: all 0.3s ease;
      margin-top: 10px;
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

  .send-btn span {font-size: 32px;color: #17e4a1;font-weight: 400;}


  .send-btn .icon-circle {
    background: #fff;
    color: #003399;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: all 0.3s 
ease;
}
    .send-btn i {
      margin-left: 0px;
    }

    .send-btn:hover {
      transform: translateY(-3px);
    }

    /* --- RIGHT SLIDER SECTION --- */
    .contact-right {
      flex: 1;
      border-radius: 0 20px 20px 0;
      overflow: hidden;
      position: relative;
      z-index: 1;
      /* width: 35%; */
      /* padding: 40px 40px 40px 40px; */
      flex: 0 0 40%;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
   position: relative;
   /* background: linear-gradient(135deg, #0038ff, #0028b2); */
   background: url(../images/ch1.webp);
   color: #fff;
   display: flex;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: right center; /* ✅ aligns image to right side */
   align-items: center;
   justify-content: flex-start;
   padding: 68px 30px 62px 56px;
   border-radius: 25px;
   }

    .contact-content {
      position: relative;
      z-index: 2;
      max-width: 400px;
      margin-left: 87px;
      margin-top: 30px;
    }

    .contact-content h3 {
      font-size: 1.8rem;
      font-weight: 500;
      margin-bottom: 25px;
      color: #fff;
      text-align: left;
    }

    .contact-info {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .contact-info li {
      margin-bottom: 15px;
      font-size: 0.95rem;
      line-height: 1.6;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      text-align: left;
    }

    .contact-info i {
      color: #17e4a1;
      font-size: 1rem;
      margin-top: 5px;
    }

    /* --- PATTERN OVERLAY --- */
    .swiper-slide::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url('pattern.png') center/cover no-repeat;
      opacity: 0.1;
      z-index: 0;
    }

    /* --- CENTER LANDMARK IMAGE (GLOBAL) --- */
    .landmark-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-11%);
      width: 375px;
      height: auto;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.8s ease;
      pointer-events: none;
    }

    /* --- SWIPER NAVIGATION --- */
    .swiper-button-next, .swiper-button-prev {
      color: #17e4a1;
    }


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 53%);
    width: calc(var(--swiper-navigation-size) / 44 * 27) !important;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b4b4b4;
    /* font-size: 20px; */
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1; display:none !important;
}
.contmain-box-innn{}

    /* --- RESPONSIVE --- */
    @media (max-width: 991px) {
      .contact-wrapper {
        flex-direction: column;
      }

      .contact-left {
        border-radius: 20px 20px 0 0;
      }

      .contact-right {
        border-radius: 0 0 20px 20px;
      }

      .landmark-img {
             width: 176px;
        bottom: -18px;
        left: auto;
        right: -56px;
      }

      .contact-content {
        text-align: left;
        max-width: 100%;
      }
		
		.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 600px;
    position: relative;
    transition-property: transform;
    display: block;
}
	
		.contact-content {
    position: relative;
    z-index: 2;
    max-width: 400px;
    margin-left: 0px;
    margin-top: 0px;
}
		
		
	.swiper-slide {
    position: relative;
    /* background: linear-gradient(135deg, #0038ff, #0028b2); */
    background: url(../images/ch1.webp);
    color: #fff;
    display: flex
;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    align-items: center;
    justify-content: flex-start;
    padding: 48px 30px 62px 37px;
    border-radius: 25px;
}	
	.contact-left {
    background: #ffffff;
    flex: 1;
    padding: 50px 15px 50px 15px;
    border-radius: 20px 0 0 20px;
    position: relative;
    z-index: 1;
    flex: 0 0 60%;
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
}	
		
		
.main-container-d-foot-inner .gy-4 {
    --bs-gutter-y: 5.5rem;
}	
		
	.main-container-d-foot .gy-4 {
    --bs-gutter-y: 5.5rem;
}	
		
	
		
		
    }


/* ===== FooterHome Styling ===== */
    .footerhome {
   
color: #fff;
   
padding: 44px 0 25px;
   
position: relative;
   
font-family: 'Poppins', sans-serif;
}


.main-container-d-foot {
    padding: 49px 30px 0px;
    background: linear-gradient(135deg, #0028b2, #0038ff);
    /* background: #ccc; */
    background: url(../images/foot1.webp);
    border-radius: 20px;
    margin: 0 4%;
}


.footer-inner  .main-container-d-foot {
    padding: 49px 30px 0px;
  
    /* background: #ccc; */
    background:none;
    border-radius: 20px;
    margin: 0 4%;
}



    .footerhome .footer-logo img {
      width: 120px;
      margin-bottom: 20px;
    }

    .footerhome p {
      color: #dce4ff;
      font-size: 15px;
      line-height: 1.7;
    }

    .footerhome h5 {
      font-weight: 600;
      margin-bottom: 20px;
      font-size: 18px;
      color: #fff;
    }

    .footerhome ul {
      padding: 0;
      list-style: none;
    }

    .footerhome ul li {
      margin-bottom: 8px;
    }

    .footerhome ul li a {
      color: #dce4ff;
      text-decoration: none;
      transition: 0.3s;
      font-size: 15px;
    }

    .footerhome ul li a:hover {
      color: #17e4a1;
      padding-left: 4px;
    }

    .footerhome .social-icons a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #00c896;
      color: #0028b2;
      font-size: 16px;
      margin-right: 10px;
      transition: all 0.3s ease;
    }

    .footerhome .social-icons a:hover {
      background: #17e4a1;
      color: #fff;
      transform: translateY(-2px);
    }

    .footerhome .contact-info i {
      color: #17e4a1;
      margin-right: 10px;
      font-size: 16px;
    }

    .footerhome .contact-info li {
      color: #dce4ff;
      font-size: 15px;
      margin-bottom: 10px;
      display: flex;
      align-items: flex-start;
    }

    .footerhome-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 40px;
      padding-top: 26px;
      text-align: center;
      color: #aab8ff;
      font-size: 14px;
      padding-bottom: 26px;
    }

.footer-inner    .footerhome-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 40px;
      padding-top: 26px;
      text-align: center;
      color: #aab8ff;
      font-size: 14px;
      padding-bottom: 0px;
    }

    .footerhome-bottom a {
      color: #17e4a1;
      text-decoration: none;
    }

.footer-logo-bx{
    padding-right: 55px;
}

.z-index1a {
    z-index: 1;
}

.inner-pg-banner{background: url(https://jazamed.com/wp-content/uploads/2026/04/ab1-1.webp);background-size: cover;}

.inner-head-bg{ background: #fff;}

.inner-head-bg .main-menu ul li > a {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    /* display: inline-block; */
    text-transform: capitalize;
    position: relative;
    margin-top: 37px;
    margin-bottom: 35px;
    text-decoration: none;
}
.sticky-menu.inner-head-bg .main-menu ul li > a {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    /* display: inline-block; */
    text-transform: capitalize;
    position: relative;
    margin-top: 17px;
    margin-bottom: 18px;
    text-decoration: none;
} 
.page-height2a {
    min-height: 396px;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: rgb(161 161 161 / 75%);
    content: var(--bs-breadcrumb-divider, "/");
}


.footer-inner{     background: url(../images/foot1.webp);}

.main-container-d-foot-inner {
    padding: 49px 30px 0px;
    /* background: linear-gradient(135deg, #0028b2, #0038ff); */
    /* background: #ccc; */
    border-radius: 20px;
    margin: 0 4%;
}

.about-us-img1 {border-radius: 20px;}



.contact-section-inner{
    padding: 80px 0px 40px;
}

.contact-section-inner-map{
    padding: 80px 0px 40px;
}


.contact-section-inner-map-box{
    padding: 80px 0px 40px;
	
	
}


.pro-nav-in{
    padding: 70px 0px 70px;
}

.mobile-menubar {
    font-size: 22px;
    padding: 3px 10px;
    background: #11308c;
    border-radius: 5px;
}
.mobile-menubar:hover {
    font-size: 22px;
    padding: 3px 10px;
    background: #18eaa3;
    border-radius: 5px; color:#11308c;
}


.brand-scc{
    padding: 30px 0px 30px;
}

.brand-scc .section-title {
    font-weight: 600;
    margin-bottom: 51px;
    text-align: center;
}

  .logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 30px 0;
    background: #f8fffc;
  }

  .logo-track {
    display: flex;
    gap: 40px;
    will-change: transform;
  }

  .logo-item {
    flex: 0 0 auto;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #eee;
    padding: 7px 24px;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
  }

  .logo-item img {
    width: 145px;
    height: auto;
    opacity: 0.85;
    transition: opacity 0.3s ease;
  }

  .logo-item:hover img {
    opacity: 1;
    transform: scale(1.05);
  }
.number-se-btm  .results-section {

display: none;
}
.number-se-btm{ display: none;}

  @media (max-width: 768px) {
    .logo-item img {
      width: 100px;
    }
	  .number-se-btm{ display: block;}
	  .slider-area    .results-section{ display: none;}
	   .number-se-btm    .results-section{display: block;}
	  
	  
  }

  @media (max-width: 480px) {
    .logo-item img {
      width: 80px;
    }
  }


  .number-se-btm .results-section img{ display: none;
       
    }

.number-se-btm .results-section .results-title {
    font-size: 16px;
    color: #002b6b;
    font-weight: 500;
    margin-bottom: 9px;
    text-align: center;
}

.number-se-btm .results-section .stat h2 {
    font-size: 28px;
    color: #1de9b6;
    margin-bottom: 13px;
    font-weight: 400;
    line-height: 20px;
}


.number-se-btm  .results-section {


    align-items: center;
    background: linear-gradient(to right, #ffffff 70%, rgba(255, 255, 255, 0));
    border-radius: 20px;
    padding: 26px 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    max-width: 911px;
    width: 100%;
    gap: 25px;
    position: relative;
    margin-top: 23px;
}


.number-se-btm  .results-section .stats {
    display: flex
;
    justify-content: space-between;
    text-align: center;
    margin-top: 0px;
}

.number-se-btm  .results-section .stat h2 {
    font-size: 28px;
    color: #1de9b6;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}



 /* ✅ Section Wrapper */
    .featured-section {
      /* background: #fff; */
      padding: 68px 0px;
    }

  .featured-section .section-title {
    /* font-weight: 700; */
    /* margin-bottom: 30px; */
    font-weight: 600;
    margin-bottom: 51px;
    text-align: center;
    color: #002180;
}

    .featured-heading {
      font-weight: 700;
      margin-bottom: 25px;
    }

    /* ✅ Scrollable Tabs (Desktop) */
    .tabs-scroll-container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      max-width: 1200px;
      margin: 10px auto 25px;
    }

    .tabs-scroll-wrapper {
      flex: 1;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .tabs-scroll-wrapper::-webkit-scrollbar {
      display: none;
    }

    .custom-tabs {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 10px;
      margin: 0;
      white-space: nowrap;
    }

    /* ✅ Clean Tab Style */
    .custom-tab-link {
      background: #f4f6f8;
      border: none;
      border-radius: 25px;
      color: #333;
      font-weight: 500;
      padding: 10px 20px;
      white-space: nowrap;
      font-size: 13px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .custom-tab-link:hover {
      background: #e6ebee;
      color: #000;
    }

    .custom-tab-link.active {
      background: #00a59d;
      color: #fff;
      box-shadow: 0 3px 10px rgba(0, 165, 157, 0.3);
    }

    /* ✅ Scroll Arrows */
    .tab-scroll-arrow {
      width: 36px;
      height: 36px;
      border: none;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: 0.3s;
    }

    .tab-scroll-arrow:hover {
      background: #00a59d;
      color: #fff;
    }

    .tab-scroll-arrow.disabled {
      opacity: 0.4;
      pointer-events: none;
    }

    /* ✅ Renamed Product Boxes (no conflict) */
    .fp-item-box {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      padding: 25px;
      text-align: center;
      transition: 0.3s;
    }

    .fp-item-box:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    }

    .fp-item-box img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 10px;
      margin-bottom: 20px;
      margin-top: 10px;
    }

    .fp-cat {
      color: #00a59d;
      font-size: 14px;
      margin-top: 8px;
    }

    .fp-title {
      font-weight: 600;
      margin-top: 5px;
      font-size: 15px;
    }

    /* ✅ Mobile Dropdown */
    .mobile-tab-dropdown {
      display: none;
      justify-content: center;
    }

    .mobile-tab-dropdown .dropdown-btn {
      width: 100%;
      max-width: 100%;
      text-align: center;
      white-space: nowrap;
    }

    .mobile-tab-dropdown .dropdown-menu {
      width: 100%;
      max-width: 355px;
      text-align: center;
      margin: 0 auto;
    }

    @media (max-width: 768px) {
      .tabs-scroll-container {
        display: none;
      }

      .mobile-tab-dropdown {
        display: flex;
        margin-bottom: 15px;
      }
    }








.contact-section {
  text-align: center;
  /* padding: 40px 0; */
  /* background: linear-gradient(135deg, #002a44 0%, #003e59 100%); */
  color: #fff;
  border-radius: 15px;
}

.contact-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #fff;
}

.contact-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.contact-box {
  /* background: rgba(255, 255, 255, 0.08); */
  border-radius: 15px;
  padding: 5px 5px;
  width: 100%;
  max-width: 360px;
  text-align: left;
  /* box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); */
  transition: all 0.3s ease;
}

.contact-box:hover {
  /* background: rgba(255, 255, 255, 0.12); */
  transform: translateY(-3px);
}

.contact-box h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1de9b6;
}

.contact-box h4 i {
  margin-right: 8px;
}

.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.6;
  color: #f5f5f5;
}

.contact-list i {
  color: #1de9b6;
  font-size: 16px;
  min-width: 18px;
  margin-top: 4px;
}

@media (max-width: 768px) {
  .contact-box-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.footerhome-bottom {
  /* background: #002a44; */ /* match your site theme */
  color: #fff;
  padding: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-left {
  font-size: 15px;
  color: #ccc;
}

.footer-left a {
  color: #00a59d;
  text-decoration: none;
  font-weight: 600;
}

.footer-left a:hover {
  color: #00d6c2;
}

.footer-right {
  font-size: 15px;
  color: #ccc;
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-right a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.footerhome .footer-right img {
  height: 21px;
  width: auto;
  vertical-align: middle;
  transition: transform 0.3s ease;
  margin-bottom: 0px;
}

.footer-right img:hover {
  transform: scale(1.05);
}

/* ✅ Responsive (mobile) */
@media (max-width: 768px) {
  .footer-bottom-container {
    flex-direction: column;
    text-align: center;
  }

  .footer-right {
    justify-content: center;
  }
}



.contact-righ-22 {
    flex: 1;
    border-radius: 20px 25px 20px 44px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /* width: 35%; */
    /* padding: 40px 40px 40px 40px; */
    flex: 0 0 40%;
    background: url(../images/ch.webp);
    padding: 50px;
}


.contact-righ-22 .contact-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
}



.contact-righ-22 .contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.6;
    color: #f5f5f5;
}



.btn-ledt11{
    float: left;
}


.about-us-left-content{
    margin-top: -20px;
}

.about-us-left-content p{}



.about-us-left-content .title h3 {
    font-size: 48px;
    line-height: 46px;
    color: #222222;
}



.medical-list{/* max-width:900px; */margin:auto;margin-bottom: 23px;}

.medical-list ul{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px 40px;
list-style:none;
padding:0;
margin:0;
}

.medical-list li{font-size: 18px;color:#333;display:flex;align-items:center;/* font-size: 18px; */font-weight: 300;line-height: 23px;color: #666666;}

.medical-list li i{
margin-right:10px;
color:#0077ff;
font-size:14px;
}

/* Responsive */
@media (max-width:768px){
.medical-list ul{
grid-template-columns:1fr;
}
}




.page-title-textp{}

 .page-title-textp p{
    font-size: 21px;
    font-weight: 300;
    line-height: 31px;
    color: #e6e2e2;
}


.page-title-product{}

.page-title-product{}

.page-title-product h1 {
    font-size: 51px;
    color: #fff;
    line-height: 54px;
}


.product-inner-proct-list{}
    .about-us-img-wrapper2 {
        margin-right: -42px;
        margin-left: 30px;
    }

    .about-us-img-wrapper2 .about-us-img2 {
	left: -58px;
	bottom: -115px;
	border-radius: 20px;
	border: 11px solid #fff;
	width: 67%;
	
	}

	.work-bg{padding-top: 50px;}

	.single-work-content{margin-bottom: 0px;}