/*******************************************************
    Template Name    : Sora - IT Solutions & Agency HTML Template
    Author           : aam-developer
    Version          : 1.0
    Created          : 2020
    File Description : Main css file of the template
*******************************************************/

/**************************************
    -- Css Table of Content
    01.Generale Style
    02.Preloader Style
    03.Navber Style
    04.Home Section Style
    05.Why Choose Section Style
    06.Services Section Style
    07.About Section Style
    08.Works Section Style
    09.Team Section Style
    10.Pricing Section Style
    11.Testimonial Section Style
    12.Faq Section Style
    13.Blog Section Style
    14.Clent Logo Section Style
    15.Contact Section Style
    16.Map Section Style
    17.Footer Section Style
 *************************************/
 
/**************************************
 * 01. Generale Style
 *************************************/

body {
	background: #ffffff;
	color: #333;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}





h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #333;
	line-height: 1.3;
}

a {
	color: #6f64e7;
	text-decoration: none !important;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

img {
	max-width: 100%;
}

a:hover {
	color: #6f64e7;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

a:hover, a:focus {
	color: #6f64e7;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	font-family: 'Karla', sans-serif;
}

.z-index {
	z-index: 9;
}

.position-relative {
	position: relative!important;
}

.form-control:focus {
	box-shadow: none;
	outline: 0 none;
	border-bottom: 1px solid #6f64e7;
}

.btn:focus {
	outline: none !important;
	box-shadow: none;
}

button:focus {
	outline: 0 none;
	box-shadow: none;
}

.button:focus {
	outline: none;
	box-shadow: none;
}

.button {
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.7px;
    font-weight: 600;
    border: 0;
    border-radius: 35px;
    background: #6f64e7;
    transition: all 500ms ease;
    cursor: pointer;
    color: #fff;
    position: relative;
	z-index: 1;
    overflow: hidden;
    margin-top: 25px;
}
.button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 50%;
    background-color: #191842;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.button::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 100%;
    width: 100%;
    height: 50%;
    background-color: #191842;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.button:hover::before{
	left: 0;
}
.button:hover::after {
	right: 0;
}
.button:hover {
	color: #fff;
	background: transparent;
}

dl, ol, ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.bg-fixed {
	background-attachment: fixed;
}

.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
}

.section-padding {
	padding: 100px 0;
}

.section-title {
	text-align: center;
	margin-bottom: 5px;
}

.section-title h2 {
	font-weight: 900;
	text-transform: capitalize;
	font-size: 33px;
	line-height: 1.3;
	color: #333;
}

.small-title {
	color: #333;
	font-size: 10px;
	background: rgba(111, 100, 231, 0.3);
	display: inline-block;
	padding: 5px 20px;
	border-radius: 30px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.section-title .bar {
    height: 4px;
    width: 85px;
    background: #2f5bea;
    margin: 20px auto 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.section-title .bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move-ani;
    animation-name: move-ani;
}
@-webkit-keyframes move-ani {
    from {
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(85px)
    }
}

@keyframes move-ani {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(85px)
    }
}
.display-table {
	width: 100%;
	height: 100%;
	display: table;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

.mr-top-50 {
	margin-top: 50px;
}

.back-to-top {
	position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #ffffff;
    background: #6f64e7;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
}
.back-to-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #4ac728;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.back-to-top:hover:before, .back-to-top:focus:before {
    opacity: 1;
    visibility: visible;
}
.back-to-top:hover, .back-to-top:focus {
    color: #ffffff;
}
.back-to-top.active {
    top: 97%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
}
.back-to-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}
.back-to-top:hover i:first-child,
.back-to-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}
.back-to-top:hover i:last-child,
.back-to-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}
.back-to-top i {
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	font-size: 20px;
}

.v-middle {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.valign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* owl theme */
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 30px;
	line-height: .7;
}

.owl-theme .owl-dots .owl-dot span {
	width: 35px;
	height: 8px;
	margin: 0 8px;
	background: #6f64e7;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: transparent;
	border: 2px solid #b4afff;
}

/**************************************
 * 02.Preloader Style
 *************************************/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 999999;
}

.preloader .preloader {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader .preloader span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #2f5bea !important;
  -webkit-animation: preloader 1.3s linear infinite;
          animation: preloader 1.3s linear infinite;
}

.preloader .preloader span:last-child {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}

/**************************************
 * 03.Navber Style
 *************************************/
.navbar-b {
	transition: all .5s ease-in-out;
	background-color: transparent;
	padding-top: 1.563rem;
	padding-bottom: 1.563rem;
}

.navbar-b.navbar-reduce {
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
}

.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {
	position: relative;
	padding-right: 10px;
	padding-left: 0;
}

.navbar-b.navbar-trans .nav-link, .navbar-b.navbar-reduce .nav-link {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: 'Karla', sans-serif;
}

.navbar-b.navbar-trans .nav-link:hover, .navbar-b.navbar-reduce .nav-link:hover {
	color: #1B1B1B;
}

.navbar-b.navbar-trans .nav-link:hover {
	color: #fff;
}

.navbar-b.navbar-trans .show > .nav-link, .navbar-b.navbar-trans .active > .nav-link, .navbar-b.navbar-trans .nav-link.show, .navbar-b.navbar-trans .nav-link.active {
	color: #fff;
}

.navbar-b.navbar-reduce {
	transition: all .5s ease-in-out;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-b.navbar-reduce .nav-link {
	color: #000000;
}

.navbar-b.navbar-reduce .nav-link:hover {
	color: #000;
}

.navbar-b.navbar-reduce .show > .nav-link, .navbar-b.navbar-reduce .active > .nav-link, .navbar-b.navbar-reduce .nav-link.show, .navbar-b.navbar-reduce .nav-link.active {
	color: #000;
}

.navbar-b.navbar-reduce .navbar-brand {
	color: #000;
}

.navbar-b.navbar-reduce .navbar-toggler span {
	background-color: #1B1B1B;
}

.navbar-b .navbar-brand {
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

.navbar-b .navbar-nav .dropdown-item.show .dropdown-menu, .navbar-b .dropdown.show .dropdown-menu, .navbar-b .dropdown-btn.show .dropdown-menu {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	visibility: visible !important;
}

.navbar-b .dropdown-menu {
	margin: 1.12rem 0 0;
	border-radius: 0;
}

.navbar-b .dropdown-menu .dropdown-item {
	padding: .7rem 1.7rem;
	transition: all 500ms ease;
}

.navbar-b .dropdown-menu .dropdown-item:hover {
	background-color: #6f64e7;
	color: #fff;
	transition: all 500ms ease;
}

.navbar-b .dropdown-menu .dropdown-item.active {
	background-color: #6f64e7;
}

.navbar-toggler {
	position: relative;
}

.navbar-toggler:focus, .navbar-toggler:active {
	outline: 0;
}

.navbar-toggler span {
	display: block;
	background-color: #fff;
	height: 3px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	left: 0;
	opacity: 1;
}

.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
	transition: -webkit-transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	position: absolute;
	left: 12px;
	top: 10px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	position: absolute;
	left: 12px;
	top: 10px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	opacity: 0.9;
}

/****** link effect ********/

.navbar-nav .nav-item .nav-link {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav .nav-item .nav-link span {
	position: relative;
	display: block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	font-weight: 400;
}

.navbar-nav .nav-item .nav-link span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	font-weight: 400;
	width: 100%;
	display: block;
}

.navbar-nav .nav-item .nav-link:hover span,
.navbar-nav .nav-item .nav-link:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/**************************************
 * 04.Home Section Style
 *************************************/
.home-area {
	height: 100vh;
	position: relative;
	color: #fff;
	text-align: center;
	background: url(../img/background-logo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;
	padding-bottom: 40px;
}
.hi{
    color: white
}

.featured-block .lower-box {
    position: relative;
    display: block;
    padding: 50px 30px 75px 20px;
    
}

.featured-block h3 a {
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
a:hover, a:focus, a:visited, a:active, button:active {
    text-decoration: none;
    outline: none;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #f74883;
}
.featured-block .text {
    position: relative;
    display: block;
    color: #222222;
}
.text {
    font-size: 15px;
    line-height: 1.7em;
    font-weight: 400;
    margin: 0 0;
}

.home-area::after {
	position: absolute;
	top: 0;
	content: "";
	left: 0px;
	padding: 0;
	height: 100%;
	width: 100%;
	opacity: .3;
	z-index: -1;
	background: #4776E6;
	background-image: linear-gradient(to left, rgba(37, 92, 253, 0.85), rgba(59, 70, 236, 0.85), rgba(87, 64, 202, 0.85), rgba(108, 60, 187, 0.85), rgba(115, 0, 189, 0.85));
}

.svg-shape-bottom .bottom-shape {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
}

.hero-equal-height {
	position: relative;
	min-height: 660px;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.home-area .home-content h1 {
	font-size: 55px;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 800;
    line-height: 1.3;
    font-family: 'Montserrat', sans-serif;
}

.home-area .home-content p {
	margin-bottom: 5px;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
}

.home-content .button {
	box-shadow: none;
}

.home-content .button-1 {
	margin-left: 10px;
}

.home-content .iq-video i {
	margin-left: 3px;
	font-size: 15px;
}
.home-area .big-half-circle.big-half-circle-1 {
    width: 100%;
    margin-bottom: 0px;
    height: 80px;
    position: absolute;
    bottom: 0;
}

/**************************************
 * 05. Why Choose Section Style
 *************************************/

.choose-area {
	padding: 60px 0;
}

.choose-item {
    background: #fff;
    padding: 35px 30px;
    border: 2px solid #fbfbfb;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.choose-item:hover .choose-icon {
	animation: bounceIn 1s;
}
.choose-icon {
    position: relative;
    z-index: 1;
	width: 65px;
	height: 65px;
	line-height: 65px;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 25px;
}
.choose-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 20px;
    background: inherit;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.choose-icon i {
	color: #fff;
	font-size: 35px;
	line-height: 65px;
}

.choose-info h3 {
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: 600;
	color: #333;
}

.icon-bg-1 {
	color: #fff;
	background-color: #6f64e7 !important;
	box-shadow: 0px 5px 15px rgba(111, 100, 231, 0.2);
}

.icon-bg-2 {
	color: #fff;
	background-color: #fbb019 !important;
	box-shadow: 0px 5px 15px rgba(251, 176, 25, 0.2);
}

.icon-bg-3 {
	color: #fff;
	background-color: #ff359f !important;
	box-shadow: 0px 5px 15px rgba(255, 53, 159, 0.2);
}

/**************************************
 * 06.Services Section Style
 *************************************/
.services-area {
    background: #f5f6f9;
}
.services-area .section-title {
    text-align: center;
    margin-bottom: 45px;
}
.services-item {
    background: #fff;
    padding: 30px 30px;
    border: 2px solid #fbfbfb;
    margin-top: 30px;
    border-radius: 5px;
    transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease;
    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
    text-align: center;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.services-item:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-webkit-box-shadow: 0 10px 40px rgba(0,0,0,.1);
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
}
.services-icon i {
    display: inline-block;
    color: #ff359f;
    font-size: 27px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: #f2f2ff;
}
.services-icon i:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 20px;
    background: #f2f2ff;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.services-item:hover .services-icon i {
    -webkit-transition: all .4s;
    transition: all .4s;
	animation: bounceIn 1s;
}
.services-info h3 {
    font-size: 18px;
    font-weight:600;
    margin-bottom: 10px;
}
.services-price-btn {
    margin-top: 10px;
}

.services-price-btn .button {
    margin-top: 15px;
}


/**************************************
 * 07.About Section Style
 *************************************/
.about-content h2 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 33px;
    line-height: 1.3;
    color: #333;
    margin-bottom: 20px;
}
.about-content p {
    margin-bottom: 15px;
}
.single-counter-box {
	text-align: left;
}

.single-counter {
    position: relative;
	z-index: 1;
}
.single-counter i {
	color: #ffffff;
    font-size: 83px;
    text-shadow: 1px -1px 0px #793be8, 0px 1px 0px #FF5722;
    z-index: -1;
    position: absolute;
    left: 0;
}
.single-counter h3 {
  margin-bottom: 0;
  color: #000;
  font-size: 35px;
  font-weight: 700;
}

.single-counter p {
	line-height: 1.5;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.about-content .button {
    margin-top: 15px;
}

/**************************************
 * 08.Works Section Style
 *************************************/
.works-area {
    background: #f5f6f9;
}
.single-work {
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-work::before {
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
    width: 100%;
    height: 90%;
    left: 0;
    bottom: 0;
    position: absolute;
    border-radius: 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}
.single-work:hover::before {
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 30, 99, 0)), to(#E91E63));
    background-image: linear-gradient(to bottom, rgba(233, 30, 99, 0), #E91E63);
}
.single-work:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
}
.single-work img {
    border-radius: 8px;
    width: 100%;
}
.single-work .work-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 5;
}
.single-work .work-info span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}
.single-work .work-info span a {
    color: #ffffff;
}
.single-work .work-info h3 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px;
}
.single-work .work-info a {
    color: #ffffff;
}
.single-work .work-info .work-btn {
	background-color: #6f64e7;
    color: #fff;
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;
}
.single-work:hover .work-info {
    bottom: 20px;
}

/**************************************
 * 09.Team Section Style
 *************************************/
.team-area .section-title {
    margin-bottom: 35px;
}
.single-team-box {
    background: #fff;
    border: 2px solid #fbfbfb;
    margin-top: 30px;
    border-radius: 5px;
    transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease;
    transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-team-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.team-image {
    position: relative;
    overflow: hidden;
}
.single-team-box:hover .team-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.single-team-box .team-image img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.team-social-icon {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 2;
    width: 60%;
    margin: 0 auto;
    text-decoration: none;
    opacity: 0;
    padding: 10px 0;
    background: #ffffff;
    border-radius: 50px;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    animation: fadeOutDown .5s;
}
.single-team-box .team-image .team-social-icon a {
    display: inline-block;
    color: #000000;
    font-size: 16px;
    margin: 0 7px;
    vertical-align: middle;
    background: #eef1f9;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 25px;
}
.single-team-box .team-image .team-social-icon a:hover {
    color: #fff;
    background: #6f64e7;
	transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.single-team-box:hover .team-image .team-social-icon {
    opacity: 1;
    visibility: visible;
	animation: fadeInDown .5s;
}

.team-info {
    padding: 20px 20px;
    text-align: left;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-team-box:hover .team-info {
    background-color: #6f64e7;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.team-info h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.single-team-box:hover .team-info h3 {
    color: #ffffff;
}
.team-info span {
    color: #6f64e7;
    font-size: 15px;
    font-weight: 500;
}
.single-team-box:hover .team-info span {
    color: #ffffff;
}

/**************************************
 * 10.Pricing Section Style
 *************************************/

.price-area {
	background: #f4f7fa;
}

.price-area .section-title {
	text-align: center;
	margin-bottom: 35px;
}

.single-price-item {
	background: #FFFFFF;
	box-shadow: 0 3px 30px -3px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	margin-top: 30px;
	border-bottom: 3px solid rgba(145, 138, 255, 0);
	transition: .3s;
}

.single-price-item:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-webkit-box-shadow: 0 10px 40px rgba(0,0,0,.1);
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
	transform: translate(0, -1px);
	border-bottom: 3px solid #6f64e7;
	transition: .3s;
}

.single-price-item.active .pricing-header {
	position: relative;
	overflow: hidden;
}

.single-price-item.active .pricing-header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	margin: auto;
	background: #6f64e7;
}

.single-price-item.active .pricing-header .pricing-title {
	color: #fff;
}

.single-price-item .pricing-header {
	border-bottom: 1px solid #f9fafa;
	text-align: center;
	height: 150px;
	display: block;
	position: relative;
	background: #f9fafa;
}

.single-price-item .pricing-header .pricing-title {
    font-weight: 800;
    font-size: 22px;
    color: #3B566E;
    position: absolute;
    width: 100%;
    top: 35%;
    transform: perspective(1px) translateY(0%);
}

.single-price-item .pricing-body {
	margin-bottom: 30px;
	text-align: center;
}

.single-price-item .pricing-body .price-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	position: relative;
	z-index: 1;
	margin: auto;
	margin-top: -45px;
	text-align: center;
	border-radius: 23px;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 20px rgba(218, 225, 232, 0.5);
	box-shadow: 0 6px 20px rgba(218, 225, 232, 0.5);
	display: inline-block;
}
.single-price-item:hover .pricing-body .price-icon {
	animation: bounceIn 1s;
}
.single-price-item .pricing-body .price-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 20px;
    background: inherit;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.single-price-item .pricing-body .price-icon i {
	font-size: 40px;
	color: #fff;
	line-height: 80px;
}

.single-price-item .pricing-body .price-wrapper {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.single-price-item .pricing-body .price-wrapper .currency {
	height: 47px;
	font-weight: 600;
	font-size: 20px;
	color: #6f64e7;
	position: relative;
	top: -15px;
}

.single-price-item .pricing-body .price-wrapper .price {
    font-weight: 800;
    font-size: 34px;
    color: #6f64e7;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}

.single-price-item .pricing-body .price-wrapper .period {
	font-weight: 700;
	font-size: 14px;
	color: #7b73e8;
	letter-spacing: 0.88px;
}

.single-price-item .pricing-body .list li {
	text-align: center;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 14px;
	color: #CCDCEA;
	letter-spacing: 0.88px;
	text-decoration: line-through;
}

.single-price-item .pricing-body .list li.active {
	color: #656565;
	text-decoration: none;
}

.single-price-item .pricing-footer {
	text-align: center;
}

.single-price-item .pricing-footer a {
	margin-bottom: 40px;
	margin-top: 0;
}

/**************************************
 * 11.Testimonial Section Style
 *************************************/
.testimonial-area {
	background: #fff;
}

.single-testimonial {
	position: relative;
	background: #f4f7fa;
	padding: 55px 25px 35px;
	border-radius: 3px;
	z-index: 1;
	opacity: .5;
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	margin: 60px 0px 0px;
}
.testimonial-area .owl-carousel .active.center .single-testimonial {
	opacity: 1;
	transform: scale3d(1.0, 1.0, 1);
	-webkit-transform: scale3d(1.0, 1.0, 1);
}

.single-testimonial .testimonial-bio {
	text-align: center;
}

.testi-content-inner .avatar {
	position: absolute;
	top: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 115px;
}
.single-testimonial .avatar img {
    border-radius: 50%;
    border: 8px solid #ffffff;
    width: 110px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 20px rgba(219, 237, 255, 0.38);
}

.single-testimonial .testimonial-bio .bio-info {
	margin-left: 10px;
}

.single-testimonial .testimonial-bio .bio-info .name {
	font-size: 16px;
	font-weight: 600;
	margin-top: 0;
}

.single-testimonial .testimonial-bio .bio-info span {
	font-size: 14px;
}

.single-testimonial .testimonial-content {
	margin-bottom: 25px;
	text-align: center;
}
.testimonial-content h3 {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
}
.single-testimonial .testimonial-content p {
	font-size: 15px;
	color: #000;
}

/**************************************
 * 12.Faq Section Style
 *************************************/
.faq-area {
	background: #f4f7fa;
}

.faq-area .faq-item .accordion .item {
	margin-bottom: 30px;
}

.faq-area .faq-item .accordion .item:last-child {
	margin-bottom: 0px;
}

.faq-area .faq-item .accordion .title {
	padding: 15px 20px;
	-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.faq-area .faq-item .accordion .title:after {
    content: '\f067';
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    right: 20px;
    color: #000;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.faq-area .faq-item .accordion .title h6 {
	font-size: 15px;
	font-weight: 600;
	padding-right: 20px;
	color: #000;
}

.faq-area .faq-item .accordion .title h6 span {
	color: #000;
}

.faq-area .faq-item .accordion .active .title h6 span {
	color: #000;
}

.faq-area .faq-item .accordion .accordion-info {
	display: none;
	padding: 20px 15px;
	margin-top: 5px;
	margin-left: 0;
	background: #ffffff;
	border-radius: 0;
}

.faq-area .faq-item .accordion .accordion-info p {
	font-size: 14px;
}

.faq-area .faq-item .accordion .active {
	display: block;
}

.faq-area .faq-item .accordion .active .title {
	color: #000;
	background: #ffffff;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.faq-area .faq-item .accordion .active .title:after {
	content: '\f068';
	color: #000;
}

.faq-area .faq-item .accordion .active .title h6 {
	color: #000;
}

.faq-img img {
	border-radius: 7px;
}

/**************************************
 * 13. Blog Section Style
 *************************************/

.blog-area {
	background: #fff;
}

.blog-area .single-blog {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 5px 30px rgba(218,225,232,.7);
	box-shadow: 0 5px 30px rgba(218,225,232,.7);
}

.blog-area .post-img {
	position: relative;
	overflow: hidden;
}

.blog-area .single-blog img {
	-webkit-transition: all .5s;
	transition: all .5s;
}

.blog-area .single-blog:hover img {
	-webkit-filter: none;
	filter: none;
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.post-img .blog-tag {
	position: absolute;
	left: 15px;
	top: 20px;
	color: #fff;
}

.post-img .blog-tag a {
	color: #fff;
	background: #6f64e7;
	padding: 5px 10px;
	border-radius: 5px;
	display: block;
}

.blog-area .single-blog .blog-content {
	padding: 25px 20px;
}

.blog-area .single-blog .blog-content h5 a {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	color: #555;
	margin-bottom: 5px;
	display: block;
}

.blog-area .single-blog .blog-content h5 a:hover {
	color: #6f64e7;
}

.blog-area .single-blog .blog-content .blog-author-date p {
	color: #7d7d7d;
	font-size: 12px;
	letter-spacing: .7px;
	text-transform: capitalize;
	display: inline-block;
}

.blog-area .single-blog .blog-content .blog-author-date p {
	margin-right: 10px;
	position: relative;
}

.blog-area .single-blog .blog-content .blog-author-date p:after {
	content: '/';
	position: relative;
	margin-left: 10px;
}

.blog-area .single-blog .blog-content .blog-author-date p:last-child {
	margin-right: 0;
}

.blog-area .single-blog .blog-content .blog-author-date p:last-child:after {
	display: none;
}

.blog-area .single-blog .blog-content .blog-author-date {
	margin-bottom: 10px;
	display: block;
}

.blog-area .single-blog .blog-content .blog-more {
	margin-top: 15px;
	font-weight: 600;
	color: #fff;
	background: #6f64e7;
	display: inline-block;
	padding: 7px 20px;
	border-radius: 30px;
}

/**************************************
 * 14. Clent Logo Section Style
 *************************************/
.partner-area {
    background: #f4f7fa;
}
.customers-partner-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.partner-item {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}
.partner-item a {
    display: block;
    padding: 25px;
    background: #ffffff;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}
.partner-item a::before {
    left: 0;
    top: 0;
    border-left: 3px solid #6f64e7;
    border-top: 3px solid #6f64e7;
}
.partner-item a::after {
    right: 0;
    bottom: 0;
    border-right: 3px solid #6f64e7;
    border-bottom: 3px solid #6f64e7;
}
.partner-item a::before, .partner-item a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.partner-item a:hover::after,
.partner-item a:hover::before {
    width: 40px;
    height: 40px;
    opacity: 1;
    visibility: visible;
}
.partner-item a img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.partner-item a:hover img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

/**************************************
 * 15. Contact Section Style
 *************************************/
.contact-area .item {
}
.contact-info ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.contact-info ul li {
    position: relative;
    padding-left: 95px;
    color: #57647c;
    margin-bottom: 35px;
}
.contact-info ul li .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    background: #6f64e7;
    border-radius: 23px;
    font-size: 25px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.contact-info ul li .icon::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 20px;
    background: inherit;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.contact-info ul li span {
    display: block;
    margin-bottom: 3px;
    color: #333333;
    font-size: 20px;
    font-weight: 700;
}
.contact-info ul li a {
    color: #57647c;
    display: block;
}

.contact-area .form input,
.contact-area .form textarea {
	width: 100%;
	padding: 10px 20px;
	border: 0;
	background-color: #f1f1f1;
	font-weight: 400;
	border-radius: 5px;
}

.contact-area .form textarea {
	max-height: 120px;
	max-width: 100%;
}

#contact-form .button {
	margin: 0;
}

.form-group {
	margin-bottom: 25px;
}

button, input, textarea {
	color: #505050;
}

button, input, textarea:focus {
	border: none;
	outline: none;
}

.contact-area .form-message.success {
	background: #03b103;
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
}

.contact-area .form-message.error {
	background: #ff4d15;
	color: #fff;
	padding: 10px 15px;
	border-radius: 3px;
}
/**************************************
 * 16. Map Section Style
 *************************************/
.map-contact #map{
    position: relative;
    width: 100%;
    height: 500px;
	border: 0;
}
/**************************************
 * 17. Footer Section Style
 *************************************/
.footer {
    padding: 70px 0;
    background-color: #000D28;
	background-image: url(../img/map-dotted.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.border-shadow-2 {
	border: 0;
    height: 15px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    position: relative;
    background: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.3) 0%,rgba(0, 0, 0, 0) 70%);
    width: 70% !important;
    margin: 0 auto;
}
.footer-content p {
    color: #fff;
}
.footer-colm-1 {
    padding: 0 25px;
}
.footer-logo {
    margin-bottom: 20px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.footer-colm-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
	color: #fff;
}
.footer-content .footer-colm-4 p a {
    color: #fff;
    font-weight: 500;
}
.footer-colm-4 .footer-social-icon li a {
    color: #fff;
    background: #6f64e7;
    border-radius: 50%;
    width: 30px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
}
.footer-colm-4 .footer-social-icon li a:hover {
    color: #ffffff;
	transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.footer-colm-4 .footer-social-icon li {
    display: inline-block;
    margin-right: 10px;
}

ul.footer-nav li a {
    padding-bottom: 10px;
    display: block;
    color: #fff;
}

.footer-colm-4 .footer-social-icon {
    margin-top: 15px;
}

.footer-subscribe form {
	position: relative;
	margin-bottom: 20px;
	background: #ffffff;
	border-radius: 0;
}

.footer-subscribe form input {
	width: 100%;
	height: 40px;
	padding-left: 15px;
	border: 0;
	border-radius: 0;
	background: #f3f3f3;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(145, 138, 255, 0.08);
	box-shadow: 0px 3px 10px 0px rgba(145, 138, 255, 0.08);
}

.footer-subscribe form input:focus {
	outline: none;
	border: 0;
}

.subscribe-btn {
	position: absolute;
	top: 0px;
	right: 0;
	height: 40px;
	width: 120px;
	text-align: center;
	line-height: 30px;
	background: #6f64e7;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 30px;
	border: 5px solid white;
	margin: 0;
    padding: 0;
}

.subscribe-btn:hover {
	color: #fff;
	background: #262834;
}

.copyright-text{
	margin-top: 15px;
	font-size: 14px;
}

.copyright-text p {
    color: #fff;
}


















/* Ensure the parent container uses Flexbox */
.row {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to new lines if needed */
     
    justify-content: space-between; /* Distribute space between blocks */
}

/* Style each featured block */
.featured-block {
    border: 2px solid #e0e0e0; /* Light border */
    border-radius: 12px; /* Rounded corners */
    padding: 10px; /* Reduced padding for smaller height */
    background-color: #fff; /* Background color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    flex: 1 1 calc(33.333% - 20px); /* Each block takes up about one-third of the container’s width minus the gap */
    max-width: calc(33.333% - 20px); /* Ensure blocks do not exceed this width */
    min-height: 300px; /* Set a minimum height if needed */
    overflow: hidden; /* Hide overflow content to fit within the block */
}

/* Ensure proper spacing between blocks */
.featured-block:nth-child(3n) {
    margin-right: 0; /* Remove margin on the right for every third item */
}

.featured-block:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    transform: scale(1.03); /* Slight zoom effect on hover */
}

.featured-block .image-box img {
    width: 100%; /* Ensure image covers the box width */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Rounded corners for images */
    max-height: 250px; /* Limit image height */
    object-fit: cover; /* Crop image to fit container */
}

.featured-block .lower-box {
    padding: 10px; /* Padding inside the lower box */
}

.featured-block .lower-box h3 a {
    color: #333; /* Dark text for the heading */
    text-decoration: none; /* Remove underline */
    font-size: 1.1em; /* Slightly larger text */
    font-weight: bold; /* Bold text */
}

.featured-block .lower-box .text {
    color: #666; /* Lighter text for description */
    font-size: 0.9em; /* Smaller font size for description */
    margin-top: 5px; /* Space above the text */
}

.about-section-three .text-column .inner {
    position: relative;
    display: block;
    padding-right: 20px;
}
.mv{
    color: #A965C8;
}
.dept{
    margin-left: 90px;
}
@media (max-width: 600px) {
    .dept {
        margin-left: 0;
    }
}
@media (max-width: 1024px) { /* Adjusted for tablet and smaller screens */
    .dept {
        margin-left: 0; /* Remove margin for tablet and smaller screens */
    }
}
@media (max-width: 990px) and (min-width: 767px) {
    .dept {
        margin-left: 0; /* Remove margin for tablets and smaller screens */
    }
}

.about-section-three .text-column ul li {
    margin-bottom: 8px;
}
.list-style-one li {
    position: relative;
    margin-bottom: 7px;
    line-height: 24px;
    margin-left: 25px;
}
ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.list-style-one {
    list-style-type: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
}

.list-style-one li {
    position: relative; /* Position for the pseudo-element */
    padding-left: 20px; /* Space for the star */
}

.list-style-one li::before {
    content: '\f00c'; /* FontAwesome checkmark */
    font-family: FontAwesome;
    color: #ae59c5;
    position: absolute;
    left: 0;
    top: 0;
}
.about-section-three .upper-row .text-column {
    position: relative;
    margin-bottom: 200px;
}


.case-block .inner-box .image-box img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}


img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.cases-section .cases-box .row .case-block {
    padding: 0px 25px;
}

.case-block {
    position: relative;
    margin-bottom: 80px;
}
/* General Styles for the Cases Section */
.cases-section {
    padding: 40px 0; /* Adjust padding as needed */
}



/* Style for Each Case Block */
.case-block {
    border: 2px solid #e0e0e0; /* Light border */
    border-radius: 12px; /* Rounded corners */
    overflow: hidden; /* Hide overflow content */
    background-color: #fff; /* Background color */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
  
}

.case-block:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    transform: scale(1.03); /* Slight zoom effect on hover */
}

/* Style for the Image Box */
.case-block .image-box img {
    width: 100%; /* Ensure image covers the box width */
    height: auto; /* Maintain aspect ratio */
}

/* Style for Content Box */
.case-block .content-box {
    padding: 15px; /* Padding inside content box */
}

.case-block .title-box h4 {
    margin: 0; /* Remove default margin */
    font-size: 1.2em; /* Adjust font size as needed */
    color: #333; /* Dark text color */
    font-weight: bold; /* Bold text */
}
.map-area {
    padding: 20px; /* Adjust padding as needed */
    background-color: #f9f9f9; /* Background color for the map area */
}

.map-contact {
    max-width: 100%; /* Ensure the map doesn't overflow its container */
    overflow: hidden; /* Hide any overflowing content */
}

.map-contact iframe {
    width: 100%; /* Full width to fit the container */
    height: 450px; /* Adjust height as needed */
    border: 0; /* Remove border */
}





.owl-theme .case-block-two {
    margin-bottom: 0;
    padding: 30px 30px;
}

.case-block-two {
    position: relative;
    margin-bottom: 50px;
}



.services-info ul {
    margin: 50px 0; /* Adds 50px space above and below the list */
    padding: 0;
    list-style: none;
}

.services-info ul li {
    margin-bottom: 10px; /* Adds space between list items, adjust as needed */
}



/* General Column Layout */
.col-lg-12 {
    width: 100%;
    /* padding: 20px; */
    box-sizing: border-box;
}

.col-md-6 {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

/* Services Item Box */
.services-item {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

/* Center Icon and Title */
.services-icon {
    font-size: 50px;
    color: #007bff;
    margin-bottom: 20px;
    text-align: center;
}

.services-info h3 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    transition: color 0.3s ease;
    
}

/* Left Align Remaining Content */
.services-info p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 20px;
    text-align: left;
}

.services-info ul {
    list-style-type: none;
    /* padding: 0; */
    margin-left: 50px;
    margin-top: 10px;
    font-size: 15px;
    color: #555;
    text-align: left;
}

.services-info ul li {
    padding-left: 20px;
    margin-bottom: 12px;
    position: relative;
}

.services-info ul li::before {
    content: '\f00c'; /* FontAwesome checkmark */
    font-family: FontAwesome;
    color: #ae59c5;
    position: absolute;
    left: 0;
    top: 0;
}

/* Button Style */
.services-info a {
    display: inline-block;
    padding: 10px 25px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: left;
    transition: background-color 0.3s ease;
}

.services-info a:hover {
    background-color: #0056b3;
}














/* General Styles */
.choose-area {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.section-title h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.section-title .bar {
    width: 50px;
    height: 4px;
    background-color: #007bff;
    margin: 20px auto;
}

/* Choose Item Box Styles */
.choose-item-box {
    margin-bottom: 30px;
}

.choose-item {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.choose-item:hover {
    transform: translateY(-10px);
}

.choose-icon {
    font-size: 50px;
    color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.icon-bg-1 {
    background-color: #ff6b6b;
}

.icon-bg-2 {
    background-color: #4e73df;
}

.icon-bg-3 {
    background-color: #1cc88a;
}

.choose-info h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.choose-info p {
    font-size: 16px;
    color: #777;
    line-height: 1.6;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .section-title h2 {
        font-size: 30px;
    }

    .choose-info h3 {
        font-size: 22px;
    }

    .choose-info p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .section-title h2 {
        font-size: 28px;
    }

    .choose-info h3 {
        font-size: 20px;
    }

    .choose-info p {
        font-size: 14px;
    }

    .choose-item {
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .section-title h2 {
        font-size: 26px;
    }

    .choose-info h3 {
        font-size: 18px;
    }

    .choose-info p {
        font-size: 13px;
    }

    .choose-icon {
        font-size: 40px;
        padding: 15px;
    }

    /* Ensure each item takes up the full width on small screens */
    .choose-item-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
}






/* General Styles */
.services-area {
    padding: 60px 0;
    background-color: #f4f4f4;
}

.section-title h6.small-title {
    font-size: 14px;
    color: #007bff;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-title h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.section-title .bar {
    width: 50px;
    height: 4px;
    background-color: #007bff;
    margin: 20px auto;
}

.services-item {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    transition: transform 0.3s ease-in-out;
}

.services-item:hover {
    transform: translateY(-10px);
}

.services-icon {
    font-size: 50px;
    color: #007bff;
    text-align: center;
    margin-bottom: 20px;
}

.services-info h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.services-info p {
    font-size: 16px;
    color: #777;
    line-height: 1.6;
}

.services-info ul {
    list-style-type: none;
    padding-left: 0;
}

.services-info ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.services-info ul li strong {
    color: #333;
}

/* Large Desktops (1200px and up) */
@media (min-width: 1200px) {
    .col-lg-4.col-md-6 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* Laptops and Desktops (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 32px;
    }

    .services-info h3 {
        font-size: 22px;
    }

    .services-info p,
    .services-info ul li {
        font-size: 15px;
    }

    .col-lg-4.col-md-6 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* iPads and Tablets (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 30px;
    }

    .services-info h3 {
        font-size: 20px;
    }

    .services-info p,
    .services-info ul li {
        font-size: 14px;
    }

    .services-item {
        padding: 20px;
    }

    /* Ensure two items per row on iPads and tablets */
    .col-lg-4.col-md-6,
    .col-lg-12.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Adjust icon size for better fit on tablets */
    .services-icon {
        font-size: 45px;
    }

    .services-item {
        margin-bottom: 20px;
    }
}

/* Large Mobile Devices (576px to 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    .section-title h2 {
        font-size: 28px;
    }

    .services-info h3 {
        font-size: 18px;
    }

    .services-info p,
    .services-info ul li {
        font-size: 14px;
    }

    .services-item {
        padding: 20px;
    }

    .col-lg-4.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Small Mobile Devices (up to 575px) */
@media (max-width: 575px) {
    .section-title h2 {
        font-size: 26px;
    }

    .services-info h3 {
        font-size: 18px;
    }

    .services-info p,
    .services-info ul li {
        font-size: 13px;
    }

    .services-icon {
        font-size: 40px;
    }

    .services-item {
        padding: 20px;
    }

    /* Full-width for all items on small screens */
    .col-lg-4.col-md-6,
    .col-lg-12.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* General Styling */
.services-item {
    margin-bottom: 30px;
}

.services-icon {
    text-align: center;
    margin-bottom: 20px;
}

.services-icon i {
    font-size: 50px;
    color: #C66CE1;
}

.services-info h3 {
    font-size: 2rem;
    color: #333;
    text-align: center;
    margin-bottom: 15px;
}

.services-info p {
    font-size: 1rem;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

/* Cards Container */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    margin-top: 20px;
}

/* Individual Card */
.card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 280px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s, background-color 0.3s;
    position: relative;
}

/* Hover Effect */
.card:hover {
    transform: translateY(-5px);
    background-color: #f8f9fa;
}

/* Card Icon Styling */
.card-icon {
    margin-bottom: 15px;
}

.card-icon i {
    font-size: 40px;
    color: #C66CE1;
}

/* Card Title */
.card h4 {
    font-size: 1.25rem;   
    color: #333333;          
    margin-bottom: 10px;     
    font-family: 'Poppins', sans-serif;
    font-weight: 600;      
}



/* Card Description */
.card p {
    font-size: 1rem;
    color: #555;
}






.services-infoo{
    margin-left: 40px;
    margin-right: 20px;
    text-align: left;
    font-family: karla,sans-serif;
   
}



.card-icon {
    width: 60px; /* Set the width of the circle */
    height: 60px; /* Set the height of the circle */
    border-radius: 60%; /* Make the container circular */
    background-color: #e1dede; /* Choose a background color */
    display: flex;
    justify-content: center; /* Center the icon horizontally */
    align-items: center; /* Center the icon vertically */
    margin: 0 auto 10px; /* Center the circle and add margin */
}

.choose-info1{
    margin-left: 40px;
    margin-bottom: 20px;
}








.whole {
    font-family: 'Comic Sans MS', 'Arial', sans-serif;
    background-color: #f9f9f9;
    color: #333;
    margin: 0;
    padding: 20px;
}
.containerFor {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
h2 {
    text-align: center;
    color: #B86AD4;
    margin-bottom: 20px;
    font-size: 28px;
}
.service {
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
    background-color: #f5f3f3;
    display: flex;
    align-items: center;
}
.service h3 {
    margin: 0;
    font-size: 22px;
    color: #B86AD4;
    flex: 1;
}
.service p {
    margin: 5px 0;
    font-size: 18px;
    line-height: 1.5;
    flex: 2;
}
.service i {
    font-size: 30px;
    color: #B86AD4;
    margin-right: 15px;
}

@media (max-width: 600px) {
    h2 {
        font-size: 24px;
    }
    .service {
        flex-direction: column; /* Stack items vertically */
        align-items: flex-start; /* Align items to the start */
    }
    .service h3 {
        font-size: 20px;
    }
    .service p {
        font-size: 16px;
    }
    .service i {
        font-size: 24px; /* Smaller icon size for mobile */
        margin-bottom: 10px; /* Space below the icon */
    }
}