/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

p{
		font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #1d1729;
}

/**Homepage Styles*/
/**Top Bar*/

.header-top{
		padding: 0 70px 0 70px !important;
}

#logo{
		    margin-left: 70px !important;
}



.email-wrapper{
		display:flex;
		align-items:center;

}
.email-wrapper i{
	margin-right: 10px;
    color: #7243f2;
    font-size: 15px;
    line-height: 40px;
    margin-top: 1px;
}
.top-email{
		color:#8d869d !important;
		font-size:0.9rem !important;
		transition: all .3s ease;
		font-weight:500;
}

.top-email:hover{
		color:#ffffff !important;
		transition: all .3s ease;
}

/**Social media icons*/
.header .nav-small a.icon:not(.button) {
    font-size: 1.2em;
    color: #ffffff !important;
		transition: all .3s ease;
}

.header .nav-small a.icon:not(.button):hover {
    font-size: 1.2em;
    color: #7243f2 !important;
		transition: all .3s ease;
}

.header a.icon:not(.button) {
    margin-left: 0.5em;
    margin-right: .5em;
}
/**Navigation*/
.nav-size-medium>li>a {
    font-size: 1em !important;
}

.nav-size-medium>li.active>a {
    font-size: 1em !important;
		color:#7243f2;
		transition: all .3s ease;
}

.nav-size-medium>li>a:hover {
    font-size: 1em !important;
		color:#7243f2;
		transition: all .3s ease;
}

.nav-spacing-xlarge>li {
    margin: 0 25px !important;
}

.header-nav{
		padding-left:50px !important;
}
/**Contact*/
.contact-wrapper{
		display: flex;
		align-items:center;
}

.contact-wrapper i{
		font-size: 50px;
		color:#7243f2;
		margin-right:10px
}

.contact-wrapper .text{
		display: flex;
		flex-direction:column;
		font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #6c6a72;
		
}

/**Hero section*/
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1200px;
}

.hero-banner .text-box{
		width:100%;
}

.hero-text{
		
		line-height:80px
}


h1 .hero-header-1{
		
		font-size:6rem;
}

h1 .hero-header-2, .hero-header-3{
		font-weight:900;
		font-size:6rem;
		
}

.hero-button{
  padding: 5px 20px; /* Adjust padding as needed */
  border: none; /* Remove default border */
  position: relative; /* Needed for clip-path */
  transition: background-color 0.3s ease-in-out; /* Transition for hover effect */
}



/**About us section*/
.about-us{
		position: relative
}

.about-us .sub-title{
		position:relative;
}
.about-us h2{
		font-size:45px;
		color:#000;
		letter-spacing: -.05em;
    margin-top: -5px;
    margin-bottom: 0;
		line-height: 1.2em;
}

.about-us .sub-title{
		display: inline-block;
    top: -10px;
		font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #1d1729;
} 

:after, :before {
    box-sizing: border-box;
}

.about-us .sub-title:before{
		margin-top: -1px;
    height: 2px;
    width: 26px;
    margin-left: 10px;
}

  

.about-us .sub-title:after{
		margin-top: -3px;
    height: 6px;
    width: 6px;
    margin-left: 36px;
    border-radius: 50%;
}

.about-us .sub-title:after, .about-us .sub-title:before {
    position: absolute;
    left: 100%;
    top: 50%;
    background: #7445f2;
    content: "";
}



.about-us .text{
		margin-top: 30px;
}

.row-cards{
		display: flex;
    justify-content:space-between;
}

.info-box{
		display: flex;
    width: 100%;
}

.info-box .inner{
		display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
		
}

.info-box img{
		margin-right: 20px;
		width: 60px;
		height:60px;
		filter: grayscale(0); /* Initial state: no grayscale */
  transition: filter 0.5s ease-in-out; /* Add smooth transition */
  position: relative; /* Needed for absolute positioning */
}

.inner:hover img {
  filter: grayscale(100%); /* Grayscale on hover */
}

.info-box h6{
		color: #000000 !important;
    letter-spacing: .04em;
    font-size: 16px;
    font-weight: 600 !important;
}

.value-box{
		display: flex;
    flex-direction: column;
		margin-top:20px;
		margin-bottom: 45px;
}

.value-box .list-item{
		margin-bottom:10px;
		font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #1d1729;
    margin-bottom: 5px;
		
}

.value-box .list-item i{
		color:#7243f2 !important;
		margin-right:5px;
}

.btn-style-one{
		font-size: 16px;
    line-height: 30px;
    padding: 15px 50px;
    font-weight: 700;
    overflow: hidden;
    color: #fff;
		background: linear-gradient(to left, #ae8fff, #7243f2);
		position:relative;
}

.btn-style-one.hvr-dark:before {
    background: #1d1729
}
.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #fff;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform .5s cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
}

.theme-btn {
    display: inline-flex;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    transition: all .3s ease;
    z-index: 0;
}


/**service section*/
.auto-container {
    max-width: 1200px;
}

.auto-container, .large-container {
    position: static;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}



.auto-container .sec-title {
    position: relative;
    margin-bottom: 50px;
		display:flex;
		flex-direction:row;
		
}

.auto-container .sec-title .title{
		display:flex;
		flex-direction:column;
		flex:1;
}

.title .sub-title{
		display: inline-block;
    top: -10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #1d1729;
		position:relative;
		max-width:160px;
}


.title .sub-title:before{
		position: absolute;
    left: 100%;
    top: 50%;
    background: #7445f2;
    content: "";
		margin-top: -1px;
    height: 2px;
    width: 26px;
    margin-left: 10px;
}

.title .sub-title:after{
	position: absolute;
    left: 100%;
    top: 50%;
    background: #7445f2;
    content: "";
		margin-top: -3px;
    height: 6px;
    width: 6px;
    margin-left: 36px;
    border-radius: 50%;
}

.sec-title .title h2{
		font-size: 45px;
    color: #000;
    letter-spacing: -.05em;
    margin-top: -5px;
    margin-bottom: 0;
    line-height: 1.2em;
}

.sec-title .text-col{
		display:flex;
		flex-direction:row;
		flex:1;
		text-align:justify;
		position: relative;
    padding-top: 25px;
    margin-top: 10px;
}

.sec-title .text-col:before{
		position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: #7445f2;
    content: "";
}

/**Service cards*/
.service-card-container {
    max-width: 1200px;
}

.service-card-container .cards{
		
}

.service-card-container
.cards .service-card{
		position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
    min-width: 20%;
    z-index: 1;
}

.fadeInUp{
		animation-name: fadeInUp;
}

@keyframes fadeInUp{
		
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}