/*
=============
 Global
=============
*/

i{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

a{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*
=============
 Header
=============
*/
.site-header .transparent-menu.sticky{
    background-color: #021327;
}

/*
============
 Nav Menu
============
*/

.nav-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav-menu .menu-ul li{
    position: relative;
    margin-right: 10px;
}
.nav-menu .menu-ul li a{
    display: inline-block;
    padding: 15px 10px;
}

.nav-menu .menu-ul li .sub-menu{
    position: absolute;
    display: block;
    background-color: red;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nav-menu .menu-ul li .sub-menu li{
    margin: 0;
}
.nav-menu .menu-ul li .sub-menu li a{
    display: block;
}
.nav-menu .menu-ul li:hover .sub-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.nav-menu .menu-toggle{
    display: none;
}






@media (max-width: 768px){

    .nav-menu .menu-toggle{
        display: block;
    }

    .nav-menu .menu-ul {
        position: absolute;
        top: 100%;
        display: block;
        background-color: yellow;
        width: 100%;
        display: none;
    }

    .nav-menu ul li a{
        width: 100%;
    }

}


/*
=============
 Heading
=============
*/

.heading .heading-text{
    color: var(--title-color);
    font-weight: 600;
}

/*
=============
Slick Slider
=============
*/
.custom-container{
    max-width: 1500px;
}
.custom-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.single-slick{
	position: relative;
	min-height: 875px;
	z-index: 1;
}
.single-slick .content-wrapper{
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
}
.slide-img, .parallax-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.dreamit-slick-slider .slick-dots {
    bottom: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.dreamit-slick-slider .hero-text h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
    letter-spacing: 2px;
}
.dreamit-slick-slider .hero-text h2 span{
    color: #aaaaaa;
}
.dreamit-slick-slider .hero-text h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    -webkit-animation: 1s 1.6s fadeInUp both;
    animation: 1s 1.6s fadeInUp both;
    margin: 0 0 25px;
    letter-spacing: 2px;
}
.dreamit-slick-slider .hero-text h1 span{
	color: #aaaaaa;
}

.dreamit-slick-slider .hero-text h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin: 15px 0 35px;
    -webkit-animation: 1s 2s fadeInUp both;
    animation: 1s 2s fadeInUp both;
    width: 53%;
    letter-spacing: 2px;
}
.dreamit-slick-slider .hero-text h3 span{
    color: #aaaaaa;
}
.dreamit-slick-slider .hero-text .btn {
    font-size: 18px;
    color: #fff;
    background: #ED2C41;
    padding: 14px 32px;
    -webkit-animation: 1s 2s fadeInUp both;
    animation: 1s 2s fadeInUp both;
    margin-right: 16px;
    font-family: 'Rajdhani';
    border-radius: 0;
    font-weight: 600;
}
.dreamit-slick-slider .hero-text .btn.button-two {
    background: transparent;
    border: 1px solid #fff;
}

.dreamit-slick-slider .hero-text .btn:hover{
	background: #fff;
	border: 1px solid #fff;
	color:#ED2C41;
}
.btn i {
    margin-left: 7px;
    width: 25px;
    height: 25px;
    background: #fff;
    line-height: 26px;
    display: inline-block;
    color: #ED2C41;
    font-size: 13px;
    border-radius: 100%;
	transition:.3s;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover i{
	background:#ED2C41;
	color:#fff;
}
.dreamit-slick-slider .slider-video-icon{
	display: inline-block;
	padding-left: 30px;
	-webkit-animation: 1s 2s fadeInUp both;
	animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .slider-video-icon span{
    margin-left: 22px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.slider-single-image {
    position: absolute;
    bottom: 14%;
    right: 9%;
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
}
.slider-single-image img {
	display: block;
	width: 97%;
}
.slider_circle_img.rotateme {
    position: absolute;
    right: 50px;
    top: 0;
}
.dreamit-slick-slider .text-center .hero-text-wrap p {
    font-size: 18px;
    margin: 16px auto 48px;
    text-align: center;
}
/* style two */
.dreamit-slick-slider .style-two .hero-text {
    padding-left: 500px;
}
.dreamit-slick-slider .style-two .slider-single-image {
    left: 9%;
    z-index: -1;
    right: inherit;
}
.dreamit-slick-slider .style-two .hero-text-wrap h1 {
    font-size: 80px;
}
.dreamit-slick-slider .style-two .hero-text-wrap p {
    font-size: 16px;
    margin: 15px 0 35px;
    width: 75%;
    font-weight: 400;
}
.dreamit-slick-slider .style-two .slider-video-icon {
	margin-bottom: 50px;
	position: absolute;
	right: 20%;
	top: 50%;
	transform: translateY(-50%);
}
.style-two .slider-single-image img {
    display: block;
    width: inherit;
}
.dreamit-slick-slider .text-right .hero-text-wrap p {
    margin: 15px auto 35px;
    text-align: right;
    padding-left: 47%;
	width:inherit;
}
.dreamit-slick-slider .text-right .slider-single-image {
    position: absolute;
    bottom: 19%;
    right: inherit;
    -webkit-animation: 0.8s 0.8s fadeInUp both;
    animation: 0.8s 0.8s fadeInUp both;
    left: 9%;
}
/*.slider-social {
    position: absolute !important;
    top: 53%;
    left: 65px;
    width: 100px;
    overflow: hidden;
    transform: translateY(-50%);
    z-index: 0;
    width: 150px !important;
}*/
.slider-social-icon ul {
    list-style: none;
    padding: 0;
}
.slider-social-icon ul li a {
    width: 30px;
    height: 30px;
    display: block;
    background: transparent;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    margin: 11px 0;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: .3s;
}
.slider-social-icon ul li a:hover{
	background:#ED2C41;
	border-color:#ED2C41;
}
li.last-items {
    writing-mode: vertical-rl;
    font-family: 'Rajdhani';
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 80px;
	position:relative;
}
li.last-items:before {
    content: "";
    width: 2px;
    height: 41px;
    background: #ED2C41;
    bottom: 85px;
    left: 14px;
    position: absolute;
	z-index:-1;
}
.slider-social-icon.two li.last-items {
    font-size: 16px;
    margin-top: 35px;
}
.slider-social-icon.two li.last-items:before {
    display: none;
}
/* Style Three */
.dreamit-slick-slider .style-three .hero-text-wrap h1 {
    font-size: 120px;
}
.dreamit-slick-slider .style-three .hero-text-wrap h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    border-top:0;
}
.dreamit-slick-slider .style-three .hero-text-wrap .btn {
    font-size: 18px;
    color: #fff;
    background: #ED2C41;
    padding: 17px 30px;
    border: 0;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition:.5s;
}
.dreamit-slick-slider .style-three .hero-text-wrap .btn:hover{
    color:#151423;
}
.dreamit-slick-slider .style-three .hero-text-wrap .btn:before{
    position: absolute;
    content:"";
    left:0;
    top:0;
    height: 100%;
    width:100%;
    transform:scale(0);
    transition:.5s;
    background: #fff;
    z-index: -1;
    border-radius: 5px;
}
.dreamit-slick-slider .style-three .hero-text-wrap .btn:hover:before{
    transform:scale(1);
}
.style-three .btn i {
    margin-left: 7px;
    width: 25px;
    height: 25px;
    background: #fff;
    line-height: 25px;
    font-size: 13px;
    border-radius: 3px;
}

.slider-shape {
    position: relative !important;
    -webkit-animation: 1s 1.6s fadeInUp both;
    animation: 1s 1.6s fadeInUp both;
    z-index: 1;
}
.slider-shape-inner1 {
    position: absolute;
    left: 200px;
    top: -410px;
    z-index: 1;
}
.slider-shape-inner2 {
    position: absolute;
    z-index: 1;
    left: -175px;
    top: -130px;
}
.slider-shape-inner3 {
    position: absolute;
    right: -222px;
    bottom: 100px;
}
.slider-shape-inner4 {
    position: absolute;
    right: 115px;
    bottom: 470px;
}
.slider-shape-inner5.bounce-animate {
    position: absolute;
    left: 421px;
    top: 120px;
}
/* Style Five */
.bottom-img {
    position: absolute;
    bottom: -8px;
    width: 100%;
}
.bottom-img img{
	width:100%;
}

/* style Six */
.dreamit-slick-slider .style-six .slider-video-icon {
    margin-bottom: 50px;
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
}
.dreamit-slick-slider.style-six .hero-text-wrap p {
	margin: 15px 0 30px;
}
.dreamit-slick-slider .style-six .slider-video-icon a{
    border-radius: 0;
}
.dreamit-slick-slider .style-six .hero-text {
    position: relative;
    z-index: 1;
    margin-top: -66px;
}
/* Style Seven*/
.dreamit-slick-slider .style-seven .slider-video-icon {
	margin-bottom: 50px;
	position: absolute;
	right: 20%;
	top: 50%;
	transform: translateY(-50%);
}

.dreamit-slick-slider.style-seven .hero-text-wrap p {
	margin: 15px 0 30px;
}
.dreamit-slick-slider .single-slick.style-seven .slider-single-image{
    bottom: inherit;
}
.dreamit-slick-slider .single-slick.style-seven::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(http://webitkurigram.com/wp/luxury/wp-content/uploads/2020/06/cyber-security-slider.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation: FocuS 1s linear 1s infinite;
    animation: FocuS 1s linear 1s infinite;
}
.dreamit-slick-slider .single-slick.style-seven .slider-single-image img{
    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}


/* slider global */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev, .slick-next {
	background-color: transparent;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	height: 50px;
	top: 48%;
	-webkit-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	transform: translate(0px, -50%);
	width: 50px;
	z-index: 1;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 45px;
	color: #fff;
	border: 2px solid #FFF;
    right:200px;
    z-index: 10;
}

.dreamit-slick-slider .slick-prev {
    top: 55%;
}
.slick-prev::before,
.slick-next::before {
	color: #fff;
	font-size: 25px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	content: "\f104";
	font-family: FontAwesome;
}

.slick-next:before {
	content: "\f105";
	font-family: FontAwesome;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background-color: rgba(255, 255, 255, 0.2);
	color: #FFF;
	border: 2px solid #D3D3D3;
	outline:0;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	color: #fff;
}
.rotateme {
	position: absolute;
	z-index: -1;
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}

.dreamit-slick-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid #fff;
}
.dreamit-slick-slider .slick-dots .slick-active button {
    background-color: #fff !important;
}

/*
=============
 Hero Text
=============
*/
.hero-text.style1 .subtitle{
    position: relative;
    color: #533efe;
    font-weight: 600;
    padding-left: 25px;
    margin-bottom: 20px;
}
.hero-text.style1 .subtitle::before{
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #533efe;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.hero-text.style1 .title{
    color: #fff;
    font-size: 63px;
}
.hero-text.style1 .button{
    margin-top: 39px;
}
.hero-text.style1 .video-icon{
    display: inline-block;
    color: #fff;
    font-size: 21px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: linear-gradient(45deg, rgba(83,62,254,1), rgba(116,15,214,1), rgba(116,15,214,1), rgba(83,62,254,1));
    text-align: center;
    border-radius: 50%;
    margin-left: 25px;
}
.hero-text.style1 .video-title{
    color: #fff;
    margin-left: 8px;
}

/* Style Two */

.hero-text.style2 .subtitle {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.hero-text.style2 .subtitle::after{
    content: '';
    position: absolute;
    height: 1px;
    width: 60px;
    background-color: #fff;
    right: -70px;
    bottom: 3px;
}
.hero-text.style2 .title{
    color: var(--main-color);
    font-size: 60px;
    margin-bottom: 21px;
}
.hero-text.style2 .description{
    color: #fff;
    font-size: 17px;
}
.hero-text.style2 .hero-btn {
    display: inline-block;
    color: var(--title-color);
    font-size: 17px;
    font-weight: 500;
    margin-top: 26px;
    background-color: var(--main-color);
    padding: 16px 32px;
    border-radius: 5px;
}
.hero-text.style2 .video-icon{
    display: inline-block;
    color: #fff;
    font-size: 21px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: linear-gradient(45deg, rgba(83,62,254,1), rgba(116,15,214,1), rgba(116,15,214,1), rgba(83,62,254,1));
    text-align: center;
    border-radius: 50%;
    margin-left: 25px;
}
.hero-text.style2 .video-title{
    color: #fff;
    margin-left: 8px;
}

/*
=============
Social Links
=============
*/
.social-links.style1 ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.social-links.style1 ul li{
    margin-right: 10px;
}
.social-links.style1 ul li a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: linear-gradient(45deg, #533efe, #740fd6);
    text-align: center;
    border-radius: 3px;
}

/* Style Two */
.social-links.style2 ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.social-links.style2 ul li{
    margin-right: 30px;
}
.social-links.style2 ul li:last-child{
    margin-right: 0;
}
.social-links.style2 ul li a{
    position: relative;
    display: inline-block;
    color: #aaaaaa;
    font-size: 14px;
    text-transform: uppercase;
}
.social-links.style2 ul li a::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.social-links.style2 ul li a:hover::before{
    width: 110%;
}

/* Style Three */

.social-links.style3 ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.social-links.style3 ul li{
    margin-right: 10px;
}
.social-links.style3 ul li a{
    display: inline-block;
    text-transform: uppercase;
}
.social-links.style3 ul li a i{
    color: var(--main-color);
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #2a5959;
}

/*
==============
Section Title
==============
*/

.section-title.style1{
    position: relative;
}
.section-title.style1 .number{
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    top: -90px;
    left: -46px;
    opacity: 0.05;
}
.section-title.style1 .subtitle {
    position: relative;
    display: inline-block;
    color: #533efe;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 15px;
    background: linear-gradient(to right, #8349f3 0%, #de51f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title.style1 .title {
    color: #1e266d;
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 23px;
    line-height: 1.2;
}
.section-title.style1 .title span{
    color: #562fb7;
    font-weight: 600;
}
.section-title.style1 .description {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

/* Style Two */

.section-title.style2{
    position: relative;
    margin: auto;
}
.section-title.style2 .number{
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    top: -90px;
    left: -46px;
    opacity: 0.05;
}
.section-title.style2 .subtitle {
    position: relative;
    color: var(--main-color);
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 14px;
}
.section-title.style2 .title {
    color: var(--title-color);
    font-size: 35px;
    font-family: var(--title-font);
    font-weight: bold;
    margin-bottom: 21px;
    line-height: 1.3;
}
.section-title.style2 .title span{
    color: var(--main-color);
}
.section-title.style2 .description {
    font-size: 16px;
    margin-bottom: 0;
}

/* Style Three */

.section-title.style3{
    position: relative;
    margin: auto;
}
.section-title.style3 .number{
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    top: -90px;
    left: -46px;
    opacity: 0.05;
}
.section-title.style3 .subtitle {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}
.section-title.style3 .subtitle::before {
    content: '';
    position: absolute;
    background-color: var(--main-color);
    height: 1px;
    width: 50px;
    left: -55px;
    bottom: 4px;
}
.section-title.style3 .subtitle::after {
    content: '';
    position: absolute;
    background-color: var(--main-color);
    height: 1px;
    width: 50px;
    right: -55px;
    bottom: 4px;
}
.section-title.style3 .title {
    color: var(--title-color);
    font-size: 47px;
    font-weight: 600;
    margin-bottom: 21px;
    line-height: 1.2;
}
.section-title.style3 .title span{
    color: var(--main-color);
}
.section-title.style3 .description {
    color: #57647c;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Style Four */

.section-title.style4{
    position: relative;
    margin: auto;
}
.section-title.style4 .number{
    position: absolute;
    font-size: 150px;
    font-weight: bold;
    top: -90px;
    left: -46px;
    opacity: 0.05;
}
.section-title.style4 .subtitle {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 12px;
}
.section-title.style4 .title {
    color: var(--title-color);
    font-size: 36px;
    font-weight: bold;
    font-family: var(--title-font);
    margin-bottom: 15px;
}
.section-title.style4 .title span{
    color: var(--main-color);
}
.section-title.style4 .description {
    margin-bottom: 0;
}

/*
============
Feature Box
============
*/

.feature-box.style1{
	position: relative;
}
.feature-box.style1 {
	text-align: center;
	z-index: 99;
	padding: 38px 30px 18px;
	box-shadow: 0px 5px 20px 0px rgba(98, 26, 255, 0.07);
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.feature-box.style1 .feature-box-title h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.feature-box.style1 .feature-box-title h2 {
	font-size: 20px;
	font-weight: 600;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin: 15px 0 15px;
}
.feature-box.style1 .feature-box-desc {
    font-weight: 300;
	margin-bottom: 20px;
	transition: .5s;
}
.feature-box.style1 .feature-box-icon{
	display:inline-block;
	position:relative;
    margin-bottom: 17px;
}
.feature-box.style1 .feature-box-icon i {
    display: inline-block;
    color: #fff;
    font-size: 36px;
    height: 86px;
    width: 86px;
    line-height: 80px;
    text-align: center;
    background: linear-gradient(0deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 10px 16px 0px rgba(145, 78, 255, 0.3);
    transition: 0.5s;
}

/* Style Two */

.feature-box.style2 {
    text-align: center;
    z-index: 99;
    padding: 38px 30px 18px;
    border: 1px solid #ebebfd;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.feature-box.style2:hover{
    border: 1px solid transparent;
    box-shadow: 12px 13px 90px 0px rgba(0, 204, 153, 0.07);
}
.feature-box.style2 .feature-box-title h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.feature-box.style2 .feature-box-title h2 {
    font-size: 22px;
    font-weight: 600;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin: 15px 0 15px;
}
.feature-box.style2 .feature-box-desc {
    margin-bottom: 20px;
    transition: 0.5s;
}
.feature-box.style2 .feature-box-icon{
    display:inline-block;
    position:relative;
    margin-bottom: 17px;
}
.feature-box.style2 .feature-box-icon i {
    display: inline-block;
    color: rgba(119, 122, 242, 1);
    font-size: 36px;
    height: 86px;
    width: 86px;
    line-height: 80px;
    text-align: center;
    background: rgba(119, 122, 242, 0.15);
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
    transition: 0.5s;
}

/* Feature Style Three */

.feature-box.style-three {
	background: #fff;
	text-align: center;
	box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.12);
	border-radius: 7px;
	padding: 45px 30px;
	transition: .5s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 30px;
}
.feature-box.style-three::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	height: 100%;
	width: 100%;
    background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);
	z-index: -1;
	opacity: 0;
	transition: .5s;
}
.feature-box.style-three:hover::before {
	opacity: 1;
	top: 0%;
}
.feature-box.style-three:hover{
	border-radius: 100%;
}
.feature-box.style-three .feature-box-icon i {
	font-size: 55px;
	color: #ED2C41;
	transition: .5s;
	display: inline-block;
}
.feature-box.style-three .feature-box-title h2 {
    font-size: 20px;
    font-weight: 700;
    transition: .5s;
    margin: 20px 0 15px;
}
.feature-box.style-three .feature-btn a {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	margin-top: 15px;
	display: inline-block;
	transition: .5s;
}
.feature-box.style-three .feature-btn a i{
    margin-left:4px;
}
.feature-box-desc{
    transition:.4s;
}

.feature-box.style-three:hover .feature-box-title h3,
.feature-box.style-three:hover .feature-box-title h2,
.feature-box.style-three:hover .feature-btn a,
.feature-box.style-three:hover .feature-box-icon i,
.feature-box.style-three:hover .feature-box-desc{
color:#fff;
}

/* Feature Style Four */

.feature-box.style-four{
    border-radius: 10px;
	overflow: hidden;
}
.feature-box.style-four:hover{
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 25px 55px rgba(0,0,0,.22);
    box-shadow: 0 25px 55px rgba(0,0,0,.22);
}
.feature-box.style-four:hover:before{
	background: rgba(12,90,219,.85);
}
.feature-box.style-four:before{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(41,55,66,.6);
    content: "";
    -webkit-transition: .5s;
	-moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 10px;
}
.feature-box.style-four .feature-box-content{
    position: absolute;
    left: 0;
    bottom: -67px;
    padding: 0 59px 0 40px;
    -webkit-transition: .5s;
	-moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.feature-box.style-four:hover .feature-box-content{
    bottom: 40px;
}
.feature-box.style-four .feature-box-content .feature-box-icon span i{
    font-size: 50px;
	color: #fff;
}
.feature-box.style-four .feature-box-content .feature-box-title h2{
	font-size: 23px;
    font-weight: 700;
    margin: 17px 0 15px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    color: #fff;
}
.feature-box.style-four .feature-box-content .feature-box-desc p{
	overflow: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #fff;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.feature-box.style-four:hover .feature-box-content .feature-box-desc p{
    opacity: 1;
}
.feature-box.style-four .feature-box-content .feature-btn a{
	color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.feature-box.style-four:hover .feature-box-content .feature-btn a{
    opacity: 1;
}

/* Style Five */
.feature-box.style-five {
    background: #fff;
    text-align: center;
    box-shadow: 6px 5px 30px 0px rgba(0,0,0,.12);
    border-radius: 7px;
    padding: 50px 45px;
    transition: .4s;
}
.feature-box.style-five.active {
    background: #ED2C41;
}
.feature-box.style-five:hover {
    background: #ED2C41;
    transform: translateY(-10px);
}
.feature-box.style-five .feature-box-icon i {
    background: #edf4fc;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    line-height: 130px;
    font-size: 45px;
    color: #ED2C41;
    margin-bottom: 20px;
    transition: .4s;
    display: inline-block;
}
.feature-box.style-five:hover .feature-box-icon i{
    background: #fff;
}
.feature-box.style-five .feature-box-content .feature-box-title h2 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: .4s;
}
.feature-box.style-five .feature-btn a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: 25px;
    display: inline-block;
    transition: .4s;
	color: #ED2C41;
}
.feature-box.style-five:hover .feature-box-title h2,
.feature-box.style-five:hover .feature-btn a,
.feature-box.style-five:hover .feature-box-desc{
    color: #fff;
}
.feature-box.style-five.active .feature-box-title h2,
.feature-box.style-five.active .feature-btn a,
.feature-box.style-five.active .feature-box-desc{
    color: #fff;
}

/* Style Six */

.feature-box.style-six {
    background: #fff;
    text-align: center;
    box-shadow: 6px 5px 30px 0px rgba(0,0,0,.12);
    border-radius: 7px;
    padding: 45px 20px 28px;
    transition: .4s;
}
.feature-box.style-six.active {
    background: #ED2C41;
}
.feature-box.style-six:hover {
    background: var(--main-color);
    transform: translateY(-10px);
}
.feature-box.style-six .feature-box-icon{
    margin-bottom: 20px;
}
.feature-box.style-six .feature-box-icon i{
    font-size: 40px;
    color: var(--main-color);
    transition: .4s;
}
.feature-box.style-six:hover .feature-box-icon i{
    color: #fff;
}
.feature-box.style-six .feature-box-content .feature-box-title h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 13px;
    transition: .4s;
}
.feature-box.style-six .feature-box-desc{
    margin: 0;
}
.feature-box.style-six:hover .feature-box-title h2,
.feature-box.style-six:hover .feature-box-desc{
    color: #fff;
}
.feature-box.style-six.active .feature-box-title h2,
.feature-box.style-six.active .feature-box-desc{
    color: #fff;
}

/* Style Seven */

.feature-box.style7{
    position: relative;
    display: flex;
    align-items: center;
    background: #f7e7e7;
    border: 1px solid rgba(255,255,255,0.10);
    border-top-left-radius: 10px;
    padding: 30px 28px 30px;
    z-index: 1;
    overflow: hidden;
}
.feature-box.style7:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: var(--main-color);
    z-index: -1;
    transition: .3s;
}
.feature-box.style7:hover::before{
    width: 100%;
}
.feature-box.style7 .feature-box-icon {
    margin-right: 20px;
}
.feature-box.style7 .feature-box-icon i {
    display: inline-block;
    color: #fff;
    font-size: 40px;
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    background-color: var(--main-color);
    transition: .3s;
    border-radius: 5px;
}
.feature-box.style7:hover .feature-box-icon i{
    color: var(--main-color);
    background-color: #fff;
}
.feature-box.style7 .feature-box-content{
    overflow: hidden;    
}
.feature-box.style7 .feature-box-title h2{
    font-size: 22px;
    margin: 0 0 10px;
    transition: .3s;    
}
.feature-box.style7 .feature-box-desc p{
    margin-bottom: 0;
}
.feature-box.style7 .feature-icon.bottom {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 40px;
    color: #69717d;
    opacity: 0.4;
}

.feature-box.style7:hover h2,
.feature-box.style7:hover p,
.feature-box.style7:hover i{
    color: #fff;
}

/* Style Eight */

.feature-box.style-eight {
    background: #ffffff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    border-bottom: 3px solid #2663e4;
    border-radius: 6px 6px 6px 6px;
    padding: 30px 20px 25px 20px;
}
 .feature-box.style-eight .feature-box-title h2 {
    font-size: 18px;
    text-transform:uppercase;
}
 .feature-box.style-eight .feature-box-icon {
    margin-right: 20px;
}
 .feature-box.style-eight .feature-box-icon i {
    color: #2663e4;
    background-color: #f7f9fa;
    font-size: 40px;
    height: 90px;
    width: 90px;
    line-height: 90px;
    border-radius: 100% 100% 100% 100%;
    display: inline-block;
    text-align: center;
}
.feature-box.style-eight:hover .feature-box-icon i {
    color: #ffffff;
    background-color: #2a6dec;
}

/* Style Nine */

.feature-box.style9 {
    background: #ffffff;
}
.feature-box.style9 .feature-box-title h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}
.feature-box.style9 .feature-box-icon {
    margin-right: 20px;
}
.feature-box.style9 .feature-box-icon i {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-size: 38px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(39, 174, 96, 0.1);
    border-radius: 5px;
}
.feature-box.style9 .feature-box-icon i::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(39, 174, 96, 0.1);
    transform: rotate(0);
    left: 0;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.feature-box.style9:hover .feature-box-icon i::after {
    transform: rotate(45deg);
}

/*
=================
 Button
=================
*/
.dreamit-button.style1 .button {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    box-shadow: 0px 15px 50px 0px rgba(157, 35, 190, 0.3);
    padding: 17px 45px;
    border-radius: 30px;
}
.dreamit-button.style1 .button:hover{
    background-color: var(--hover-color);
}

/* Style Two */

.dreamit-button.style2 a{
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 34px;
    background-color: var(--main-color);
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
}
.dreamit-button.style2 a::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #0e1317;
    z-index: -1;
    transition: 0.5s;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dreamit-button.style2 a:hover::before{
    width: 100%;
}

/*
=================
 List
=================
*/

.item-list.style1{
    margin: 0;
    padding: 0;
    list-style: none;
}
.item-list.style1 li{
    margin-bottom: 17px;
}
.item-list.style1 li:last-child{
    margin-bottom: 0;
}
.item-list.style1 li i{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(0deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    border-radius: 50%;
    margin-right: 6px;
}

/* Style Two */

.item-list.style2{
    margin: 0;
    padding: 0;
    list-style: none;
}
.item-list.style2 li{
    margin-bottom: 17px;
}
.item-list.style2 li:last-child{
    margin-bottom: 0;
}
.item-list.style2 li i{
    margin-right: 5px;
}

/* Style Three */

.item-list.style3{
    margin: 0;
    padding: 0;
    list-style: none;
}
.item-list.style3 li{
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
}
.item-list.style3 li:last-child{
    margin-bottom: 0;
}
.item-list.style3 li::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 12px;
    background: var(--paragraph-color);
    border-radius: 50%;
    margin: 0 6px 4px 0;
    top: 13px;
    left: 0;
}
.item-list.style3 li a{
    color: var(--paragraph-color);
}
.item-list.style3 li a:hover{
    color: var(--main-color);
}

/*
============
Service Box
============
*/

.service-box.style1{
    padding: 35px 35px;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.service-box.style1 .icon{
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.service-box.style1 .icon::before{
    content: '';
    position: absolute;
    height: 35px;
    width: 35px;
    background: #fdeaa8;
    border-radius: 50%;
    top: -17px;
    right: -17px;
}
.service-box.style1 .icon i{
    position: relative;
    display: inline-block;
    color: var(--title-color);
    font-size: 38px;
}
.service-box.style1 .icon img{
    height: 90px;
    width: 90px;
    object-fit: cover;
    margin-bottom: 25px;
}
.service-box.style1 .content .title{
    color: var(--title-color);
    font-size: 22px;
    margin-bottom: 19px;
}
.service-box.style1 .content .description{
    margin-bottom: 21px;
}
.service-box.style1 .content .service-btn a{
    color: var(--title-color);
    font-weight: 500;
}
.service-box.style1 .content .service-btn a i{
    margin-left: 5px;
}

/* Style Two */

.service-box.style2 {
    padding: 38px 30px 35px;
    position: relative;
    transition: .5s;
    z-index: 1;
    box-shadow: 0px 10px 60px 0px rgba(188, 179, 179, 0.2);
    border-radius: 3px;
}
.service-box.style2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: var(--main-color);
}
.service-box.style2:hover::before{
    height:100%;
}
.service-box.style2 .service-box-icon i {
    display: inline-block;
    font-size: 50px;
    color: #ED2C41;
    transition: .5s;
    margin: 0;
}
.service-box.style2 .service-box-title h2 {
    margin: 25px 0 12px;
    font-size: 20px;
    font-weight: 500;
    transition: .5s;
}
.service-box.style2:hover .service-box-title h2{
    color: #fff;
}
.service-box.style2 .description {
    margin-bottom: 16px;
}
.service-box.style2 .service-btn {
    margin-top: 0;
    transition:.4s;
    
}
.service-box.style2 .service-btn a{
    color: var(--title-color);
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
.service-box.style2 .service-btn a i{
    font-size: 16px;
    margin-left: 5px;
}

.service-box.style2 .service-btn > a,
.service-box.style2 .description {
    transition: 0.5s;
}
.service-box.style2:hover .service-box-title h2,
.service-box.style2:hover .service-box-title h3,
.service-box.style2:hover .service-btn > a,
.service-box.style2:hover .service-box-icon i,
.service-box.style2:hover .description {
    color:#fff;
}

/* Service Box Style Three */

.service-box.service-style-three {
padding: 0;
border-radius: 5px;
border: 1px solid rgba(255,255,255,0.20);
transition: .5s;
position: relative;
overflow: hidden;
}
.service-box.service-style-three .service-content-front {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.70);
width: 100%;
padding: 0;
transition:.4s;
}
.service-box.service-style-three:hover .service-content-front{
bottom:-100%;
}
.service-box.service-style-three .service-content-front .service-box-icon {
color: #fff;
font-size: 40px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
float: left;
margin-right: 20px;
}
.service-box.service-style-three .service-content-front .service-box-icon i {
margin-bottom: 0;
display: inline-block;
color: #fff;
background: #ED2C41;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
}
.service-box.service-style-three .service-content-front .service-box-title h2 {
margin: 20px 0 0 0;
font-size: 20px;
padding: 0;
color: #fff;
}
.service-box.service-style-three .service-box-desc p {
color: rgba(255,255,255,0.85);
}
.service-box.service-style-three .service-btn {
margin-top: 30px;
}
.service-box.service-style-three .service-btn > a {
color: #ED2C41;
transition: .5s;
background: #fff;
padding: 14px 30px;
display: inline-block;
border-radius: 4px;
transition: all .5s;
}
.service-box.service-style-three .service-btn > a:hover{
background:#fff;
color:#ED2C41;
}
.service-content-back {
position: absolute;
top: -100%;
left: 0;
height: 100%;
width: 100%;
text-align: center;
background: rgba(241, 42, 2,0.80);
padding: 0 32px;
transition:.4s;
}
.service-box.service-style-three:hover .service-content-back{
top:0;
}
.service-content-back-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.service-box .service-content-back .service-box-icon i {
margin-bottom: 0;
display: inline-block;
color: #fff;
font-size: 60px;
}
.service-box .service-content-back .service-box-title h2 {
margin: 5px 0 15px 0;
font-size: 20px;
padding: 0;
color: #fff;
}

/* Service Style 4 */
.service-box.service-style-four {
    text-align: left;
    padding: 30px 32px 30px;
    border: 0;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 5px #e4ecf9;
    border-radius: 5px;
}
.service-box.service-style-four::before{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 0;
    content: "";
     background: linear-gradient(to bottom, #ed2523 38%, #ed4a1c 100%);
    transition: .3s;
    z-index: -1;
    border-radius: 5px;
}
.service-box.service-style-four:hover::before{
    height: 100%;
}
.service-box.service-style-four .service-box-icon i {
    color: #ED2C41;
    font-size: 40px;
    height: 75px;
    width: 75px;
    background: #fff5f5;
    display: inline-block;
    line-height: 75px;
    border-radius: 50%;
    text-align: center;
}
.service-box.service-style-four .service-box-content h2 {
    font-size: 26px;
    position: relative;
}
.service-box.service-style-four .service-box-content h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -8px;
    height: 2px;
    width: 40px;
    background: #ED2C41;
    transition:.5s;
}
.service-box.service-style-four .service-box-content p{
    margin: 0;
}
.service-box.service-style-four:hover .service-box-icon i{
    background: #f1544e;
    color:#fff;
}
.service-box.service-style-four:hover .service-box-content h2:before {
    background: #fff;
}
.service-box.service-style-four:hover .service-btn a,
.service-box.service-style-four:hover .service-box-content h2,
.service-box.service-style-four:hover .service-box-content p{
    color: #fff;
}
/* Service Style 5 */
.service-box.style-five {
padding: 0 20px;
}
.style-five .service-box-title h3 {
font-size: 32px;
}
.service-box-number {
	position: relative;
	color: #ED2C41;
	font-size: 19px;
	font-weight: 700;
	margin-right: 50px;
	display: block;
}
.service-box-number {

}
.service-box-number::before {
position: absolute;
right: -40px;
top: 16px;
width: 30px;
height: 1px;
background: #ED2C41;
content: "";
}
.service-list {
padding-left: 0;
list-style: none;
}
.service-list li a {
display: block;
color: #232323;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
padding: 5px 0px;
transition: .3s;
}
.service-list li a:hover {
margin-left: 15px;
color: #ED2C41;
}
.service-style-five .service-btn > a {
color: #232323;
font-size: 13px;
font-weight: 500;
}
.service-style-five .service-btn > a:hover {
color: #ED2C41;
}

.style-five .service-btn > a {
    color: #ED2C41;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}


.slick-slide.service-box{
margin:10px 15px 30px;
}


/* Style Six */

.service-box.service-style-six {
    text-align: left;
    position: relative;
    background: #26282c;
    transition: .5s;
    z-index: 1;
    box-shadow: 0px 0 6px rgba(26, 46, 85, 0.10);
    overflow: hidden;
}
.service-style-six .service-box-inner{
    padding: 38px 27px 10px;
}
.service-box.service-style-six::before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
content: '';
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
background: url(https://wp.dreamitsolution.net/luxury-digital-agency/wp-content/uploads/2021/10/service-bg.jpg);
transform:scale(0);
}
.service-box.service-style-six:hover::before{
transform:scale(1);
}
.service-box.service-style-six .service-box-icon {
    margin-bottom: 15px;
}
.service-box.service-style-six .service-box-icon i {
    font-size: 50px;
    color:#fff;
}
.service-box.service-style-six .service-box-title h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
    color: #fff;
}
.service-box.service-style-six .service-box-desc p {
    color: #bcc7cd;
}
.service-box.service-style-six:hover .service-box-desc p {
    color: #fff;
}
.service-box.service-style-six .service-btn {
    margin-top: 0;
    text-align: right;
    position: relative;
    margin-bottom: -20px;
}
.service-box.service-style-six .service-btn > a {
    background: #34363b;
    height: 32px;
    width: 32px;
    text-align: center;
    color: #ed2c41;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
}
.service-box.service-style-six .service-btn > a i {
    margin-left: 0;
}

/* Style Seven */

.service-box.style7{
	text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}
.service-box.style7 .service-box-icon i {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #e8ecfc;
    margin-bottom: 33px;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-align: center;
}
.service-box.style7:hover .service-box-icon i{
    background: #ED2C41;
    color: #fff;
}
.service-box.style7 .image{
    margin-bottom: 5px;
}
.service-box.style7 .image img{
    border-radius: 5px;
}
.service-box.style7 .service-box-inner {
    padding: 20px 25px 20px;
}
.service-box.style7 .service-box-inner h2 {
    position: relative;
    font-size: 22px;
    font-family: var(--title-font);
    margin-bottom: 13px;
}
.service-box.style7 .service-btn a{
    display: inline-block;
    color: #fff;
    font-weight: normal;
    background-color: var(--main-color);
    padding: 6px 26px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 10px;
}

/* Style Eight */

.service-box.service-style-eight {
	padding: 60px 30px 55px;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: 2px 10px 50px rgba(158,158,158,.25);
	border: 2px solid transparent;
	border-radius: 7px;
	margin-bottom: 30px;
	transition: .5s;
}
.service-box.service-style-eight:hover {
	border: 2px solid #ED2C41;
}

.service-box.service-style-eight .service-box-icon i {
    width: 95px;
    height: 95px;
    line-height: 95px;
    background: #ED2C41;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    margin-bottom: 33px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    font-size: 40px;
}
.service-box.service-style-eight .service-box-title h2 {
	margin: 0 0 15px;
    font-size: 22px;
    padding: 0;
}
.service-box.service-style-eight .service-btn {
	margin-top: 0;
	position: absolute;
	bottom: -24px;
	left: 0;
	right: 0;
	transition:.4s;
}
.service-box.service-style-eight .service-btn a{
	color: #ED2C41;
	display: inline-block;
	border: 2px solid #ED2C41;
}
.service-box.service-style-eight:hover .service-btn a i{
	background: #ED2C41;
	color: #fff;
}
.service-box.service-style-eight .service-btn a i {
	margin-left: 0;
	font-size: 21px;
	width: 50px;
	height: 50px;
	color: #ED2C41;
	background: #fff;
	line-height: 50px;
	border-radius: 100%;
}

/* Style Nine */

.service-box.service-style-nine {
    padding: 28px 20px 28px;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 7px;
    transition: .5s;
    z-index: 999;
}
.service-box.service-style-nine::before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: transparent;
    border-left: 4px solid #555;
    border-bottom: 4px solid #555;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.service-box.service-style-nine:hover::before{
    opacity: 1;
}
.service-box.service-style-nine::after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: transparent;
    border-top: 4px solid #555;
    border-right: 4px solid #555;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.service-box.service-style-nine:hover::after{
    opacity: 1;
}
.service-box.service-style-nine .service-box-icon i {
    color: #333;
    font-size: 48px;
    display: inline-block;
    transition: .5s;
}
.service-box.service-style-nine .service-box-title h2 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 12px;
    transition: .5s;
}
.service-box.service-style-nine .service-box-desc p{
    font-size: 14px;
}
.service-box.service-style-nine .service-btn a {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    position: relative;
}
.service-box.service-style-nine .service-btn a:before{
    content: '';
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    display: block;
    right: -38px;
    border-color: transparent transparent transparent #f5f5f5;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
}
.service-box.service-style-nine .service-btn a:after{
    content: "";
    position: absolute;
    right: -32px;
    background: #fff;
    width: 22px;
    height: 2px;
    top: 55%;
    z-index: 1;
    transform: translateY(-50%);
}

/* Service Style Ten */
.service-box.service-style-ten {
    min-height: 400px;
    padding: 35px 30px 40px;
    z-index: 1;
    transition: .3s;
    overflow: hidden;
    position: relative;
}
.service-box.service-style-ten:hover{
    transform: translateY(-5px);
}
.service-box.service-style-ten::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(1, 4, 20, 0.99)));
    background-image: linear-gradient(to bottom, transparent, rgba(1, 4, 20, 0.99)); 
}
.service-box.service-style-ten::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.7),#2513d1);
    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.7),#2513d1);
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}
.service-box.service-style-ten:hover::after{
    height: 100%;
    top: 0;
    bottom: auto;
}
.service-box.service-style-ten .service-box-content{
    position: absolute;
    bottom: 50px;
    left: 30px;
}
.service-box.service-style-ten .service-box-content h2{
    margin: 0 0 10px 0;
    color: #fff;
}
.service-box.service-style-ten .service-box-content p{
    color: #d7d7d7;
}
.service-box.service-style-ten .service-box-content a{
    color: #ED2C41;
    font-weight: 600;
}

/* Style Eleven */

.service-box.style11{
    padding: 25px 30px 25px;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.service-box.style11 .wrapper{
    display: flex;
}
.service-box.style11 .title{
    color: var(--title-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
}
.service-box.style11 .icon{
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
}
.service-box.style11 .icon i{
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-size: 38px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: rgba(39, 174, 96, 0.1);
    border-radius: 5px;
}
.service-box.style11 .icon i::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(39, 174, 96, 0.1);
    transform: rotate(0);
    left: 0;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.service-box.style11:hover .icon i::after{
    transform: rotate(45deg);
}
.service-box.style11 .icon img{
    height: 90px;
    width: 90px;
    object-fit: cover;
    margin-bottom: 25px;
}
.service-box.style11 .content .description{
    margin-bottom: 15px;
}
.service-box.style11 .content .service-btn a{
    color: var(--main-color);
    font-size: 15px;
    font-weight: normal;
}
.service-box.style11 .content .service-btn a i{
    margin-left: 5px;
}

/* Style Twelve */

.service-box.style12{
    padding: 30px 30px 30px;
    box-shadow: 0px 0px 46px 0px rgba(32, 159, 46, 0.1);
}
.service-box.style12 .head{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.service-box.style12 .head .icon{
    color: var(--main-color);
    height: 55px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #f3f1fa;
    border-radius: 3px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.service-box.style12:hover .head .icon{
    color: #fff;
    background-color: var(--main-color);
}
.service-box.style12 .head .icon i{
    font-size: 24px;
}
.service-box.style12 .title{
    color: var(--main-color);
    font-size: 20px;
}
.service-box.style12 .description{
    line-height: 1.7;
}
.service-box.style12 .service-btn a{
    color: var(--main-color);
}

/* Style Thirteen */

.service-box.style13 {
    padding: 50px 35px 30px;
    position: relative;
    transition: .5s;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.service-box.style13::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: var(--main-color);
}
.service-box.style13:hover::before{
    height:100%;
}
.service-box.style13 .service-box-icon img{
    -webkit-filter: invert(100%);
    filter: invert(100%);
    transition: 0.5s;
}
.service-box.style13:hover .service-box-icon img{
    -webkit-filter: invert(0);
    filter: invert(0);
}
.service-box.style13 .service-box-icon i {
    display: inline-block;
    font-size: 50px;
    color: #ED2C41;
    transition: .5s;
    margin: 0;
}
.service-box.style13 .service-box-title h2 {
    color: #032954;
    margin: 25px 0 22px;
    font-size: 22px;
    font-weight: 600;
    transition: 0.5s;
}
.service-box.style13:hover .service-box-title h2{
    color: #fff;
}
.service-box.style13 .description {
    font-size: 17px;
    margin-bottom: 24px;
    transition: 0.5s;
}
.service-box.style13:hover .description{
    color: #fff;
}
.service-box.style13 .service-btn {
    margin-top: 0;
    transition:.4s;
    
}
.service-box.style13 .service-btn a {
    color: #032954;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
}
.service-box.style13 .service-btn a i{
    font-size: 16px;
    margin-left: 5px;
}

.service-box.style13 .service-btn > a,
.service-box.style13 .service-box-desc p {
    transition:.5s;
}
.service-box.style13:hover .service-box-title h2,
.service-box.style13:hover .service-box-title h3,
.service-box.style13:hover .service-btn > a,
.service-box.style13:hover .service-box-icon i,
.service-box.style13:hover .service-box-desc p {
    color:#fff;
}

/*
==========
Flip Box
==========
*/

.flip-box.style1 {
    background-color: transparent;
    height: 300px;
    perspective: 1000px;
}
.flip-box.style1 .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-box.style1:hover .flip-box-inner {
    transform: rotateY(180deg);
}
.flip-box.style1:hover .flip-box-inner.flip-top {
    transform: rotateX(180deg);
}
.flip-box.style1:hover .flip-box-inner.flip-bottom {
    transform: rotateX(-180deg);
}
.flip-box.style1:hover .flip-box-inner.flip-left {
    transform: rotateY(-180deg);
}
.flip-box.style1 .flip-box-front,
.flip-box.style1 .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-box.style1 .flip-box-front {
    background-color: #bbb;
}
.flip-box.style1 .flip-box-front .front-title{
    color: var(--title-color);
}
.flip-box.style1 .flip-box-front .icon i{
    display: inline-block;
    font-size: 40px;
}
.flip-box.style1 .flip-box-front .icon img{
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.flip-box.style1 .flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}
.flip-box.style1 .flip-box-inner.flip-top .flip-box-back{
    transform: rotateX(180deg);
}
.flip-box.style1 .flip-box-inner.flip-bottom .flip-box-back{
    transform: rotateX(-180deg);
}
.flip-box.style1 .flip-box-inner.flip-left .flip-box-back{
    transform: rotateY(-180deg);
}
.flip-box.style1 .flip-box-back .icon i{
    font-size: 40px;
}
.flip-box.style1 .flip-box-back .icon img{
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.flip-box.style1 .flip-box-back .back-btn{
    display: inline-block;
}

/*
==========
 Team
==========
*/

.team.style1{
    text-align: center;
    background-color: #021327;
    padding: 35px 20px 17px;
}
.team.style1:hover{
    background: linear-gradient(220deg, #533efe, #740fd6);
    box-shadow: none;
}
.team.style1 .image img{
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.team.style1 .bio .name{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.team.style1 .bio .designation{
    color: #828fa0;
}
.team.style1 .content .social-icon{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.team.style1 .content .social-icon li{
    margin-bottom: 5px;
    margin-right: 5px;
}
.team.style1 .content .social-icon li a{
    display: inline-block;
}
.team.style1 .content .social-icon li a i{
    display: inline-block;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #1f3654;
    border-radius: 3px;
}
.team.style1 .content .social-icon li a i:hover{
    background-color: #533efe;
}

/* Style Two */

.team.style2{
    text-align: center;
}
.team.style2 .image{
    position: relative;
    overflow: hidden;
}
.team.style2 .image img{
    width: 100%;
}
.team.style2 .image .social-icon{
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: -100px;
    height: 100px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.team.style2:hover .image .social-icon{
    bottom: 0px;
}
.team.style2 .image .social-icon li{
    margin-bottom: 5px;
    margin-right: 5px;
}
.team.style2 .image .social-icon li a{
    display: inline-block;
}
.team.style2 .image .social-icon li a i{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--title-color);
    border-radius: 50%;
}
.team.style2 .image .social-icon li a i:hover{
    background-color: var(--main-color);
}
.team.style2 .bio .name{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px;
}
.team.style2 .bio .designation{
    color: #57647c;
    font-size: 15px;
    font-weight: normal;
}
.team.style2 .content{
    padding: 25px;
    box-shadow: 0px 0px 30px 0px rgba(45, 105, 255, 0.13);
}

/* Style Three */

.team.style3{
    position: relative;
    text-align: center;
}
.team.style3 .image {
    position: absolute;
    overflow: hidden;
    left: 35px;
    right: 35px;
    top: -100px;
}
.team.style3 .image img{
    width: 100%;
}
.team.style3 .image .social-icon{
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: -100px;
    height: 100px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.team.style3:hover .image .social-icon{
    bottom: 0px;
}
.team.style3 .image .social-icon li{
    margin-bottom: 5px;
    margin-right: 5px;
}
.team.style3 .image .social-icon li a{
    display: inline-block;
}
.team.style3 .image .social-icon li a i{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--title-color);
    border-radius: 50%;
}
.team.style3 .image .social-icon li a i:hover{
    background-color: var(--main-color);
}
.team.style3 .bio .name {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
}
.team.style3 .bio .designation {
    color: #616161;
    font-size: 16px;
    font-weight: normal;
}
.team.style3 .content {
    padding: 275px 25px 39px;
    background-color: rgba(119, 119, 119, 0.25);
    border-radius: 5px;
}

/* Style Four */

.team.style4{
    position: relative;
    text-align: center;
}
.team.style4 .image {
    position: relative;
    overflow: hidden;
}
.team.style4 .image img{
    width: 100%;
}
.team.style4 .image .social-icon{
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    background-color: #fff;
    padding: 28px 10px 17px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.team.style4:hover .image .social-icon{
    right: 0;
}
.team.style4 .image .social-icon li{
    margin-bottom: 10px;
}
.team.style4 .image .social-icon li a{
    display: inline-block;
}
.team.style4 .image .social-icon li a i{
    display: inline-block;
    color: var(--main-color);
    font-size: 18px;
}
.team.style4 .image .social-icon li a i:hover{
    background-color: var(--main-color);
}
.team.style4 .content {
    position: absolute;
    padding: 25px 25px 27px;
    background-color: rgba(119, 119, 119, 0.25);
    width: 80%;
    margin: auto;
    background: #fff;
    bottom: -70px;
    left: 0;
    right: 0;
}
.team.style4 .bio .name {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--title-font);
    margin: 0 0 3px;
}
.team.style4 .bio .designation {
    color: #616161;
    font-size: 16px;
    font-weight: normal;
}

/*
===============
 Team Carousel
===============
*/

.team.style1{
    text-align: center;
    background-color: #021327;
    padding: 35px 20px 17px;
}
.team.style1:hover{
    background: linear-gradient(220deg, #533efe, #740fd6);
    box-shadow: none;
}
.team.style1 .image img{
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.team.style1 .bio .name{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.team.style1 .bio .designation{
    color: #828fa0;
}
.team.style1 .content .social-icon{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.team.style1 .content .social-icon li{
    margin-bottom: 5px;
    margin-right: 5px;
}
.team.style1 .content .social-icon li a{
    display: inline-block;
}
.team.style1 .content .social-icon li a i{
    display: inline-block;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #1f3654;
    border-radius: 3px;
}
.team.style1 .content .social-icon li a i:hover{
    background-color: #533efe;
}

/* Style Two */

.team-carousel.style2{
    text-align: center;
}
.team-carousel.style2 .single-team{
    margin-bottom: 30px;
}
.team-carousel.style2 .image{
    position: relative;
    overflow: hidden;
}
.team-carousel.style2 .image img{
    width: 100%;
}
.team-carousel.style2 .image .social-icon {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: -100px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 100px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.6);
}
.team-carousel.style2 .single-team:hover .image .social-icon{
    bottom: 0;
}
.team-carousel.style2 .image .social-icon li{
    margin-bottom: 5px;
    margin-right: 5px;
}
.team-carousel.style2 .image .social-icon li a{
    display: inline-block;
}
.team-carousel.style2 .image .social-icon li a i{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--title-color);
    border-radius: 50%;
}
.team-carousel.style2 .image .social-icon li a i:hover{
    background-color: var(--main-color);
}
.team-carousel.style2 .bio .name{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px;
}
.team-carousel.style2 .bio .designation{
    color: #57647c;
    font-size: 15px;
    font-weight: normal;
}
.team-carousel.style2 .content{
    padding: 25px;
    box-shadow: 0px 0px 30px 0px rgba(45, 105, 255, 0.13);
}

/*
============
Form Area
============
*/
.form-box {
    background: #ED2C41;
    box-shadow: 0 0 6px #ddd;
    border-radius: 5px;
}
.contact-title {
    padding: 35px 18px 40px;
}
.form-box-inner {
    background: #fff;
    padding: 35px 35px 25px;
    border-radius: 45px 0 5px 5px;
}
.form-box .buttons {
    text-align: left;
    margin-top: 15px;
}
.form-box .form-group textarea {
    height: 125px;
}
.contact-title h1 {
    font-size: 35px;
    margin: 0;
    color: #fff;
}
.contact-title h4 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 20px;

}


/*
============
Work Process
============
*/

.work-process.style1{
    text-align: center;
}
.work-process.style1 .icon{
    position: relative;
    display: inline-block;
    font-size: 40px;
    height: 100px;
    width: 100px;
    line-height: 99px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    margin: 30px 0 55px 30px;
    box-shadow: 0px 0px 40px 0px rgba(122, 56, 223, 0.2);
}
.work-process.style1 .icon::after{
    content: '';
    position: absolute;
    background: url(../images/icon-bg.png);
    background-repeat: no-repeat;
    height: 158px;
    width: 133px;
    left: -30px;
    top: -28px;
    z-index: -1;
}
.work-process.style1 .icon i{
    color: #ee53f8;
}
.work-process.style1 .content .title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}
.work-process.style1 .content .description{
    font-weight: 300;
}






.work_progress {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	padding: 0 20px;
}
.wrok_process_thumb {
	text-align: center;
	border: 4px solid transparent;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	position: relative;
	box-shadow: 0 0 9px 0 rgba(24,35,51,.09);
}
.work_progress:hover .wrok_process_thumb{
	border-color:#ED2C41;
}
.wrok_process_thumb img {
	border-radius: 50%;
	border: 10px solid #fff;
}
.progress_content {
	text-align: center;
}

.default-style .work_progress-number{
	position: absolute;
	left: -26px;
	top: 50.5%;
	margin: auto;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.work_progress-title {
	padding-top: 24px;
}

.work_progress-title h2 {
	font-size: 20px;
	font-weight: 700;
}

.work_progress-desc {
	padding-top: 5px;
}

.work_progress.default-style:hover .work_progress-number {
	top: 40%;
}

.work_progress-number span {
	background: #ED2C41;
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	position: relative;
	z-index: 1;
}
.work_progress-number span::before {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 60px;
	height: 60px;
	background: #ED2C41;
	opacity: 0.6;
	content: "";
	margin: auto;
	border-radius: 100%;
	z-index: -1;
}
.work_progress-number span::after {
	position: absolute;
	left: -15px;
	top: -15px;
	width: 80px;
	height: 80px;
	background: #ED2C41;
	opacity: 0.4;
	content: "";
	margin: auto;
	border-radius: 100%;
	z-index: -1;
}

.process-bg-shape {
	position: relative
}

.process-bg-shape:before {
	position: absolute;
	right: 0;
	bottom: -27px;
	width: 100%;
	content: "";
	background: url(assets/images/graduation-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
}
.em_process-icon{
	position:relative;
}
.em_process-icon i {
	background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);
	color: #fff;
	width: 90px;
	height: 90px;
	display: inline-block;
	line-height: 90px;
	font-size: 40px;
	border-radius: 4px;
}

/* Style Two */
.style-two.work_progress {
    padding: 0 25px;
    text-align: center;
    position:relative;
}
.style-two.work_progress::after {
    position: absolute;
    right: 0;
    top: 10px;
    content: "";
    background-image: url(../images/direction-sign.png);
    height: 40px;
    width: 200px;
    background-repeat: no-repeat;
    margin-right: -119px;
    background-size: contain;
}
.last-item .style-two.work_progress::after {
    display:none;
}
.style-two .work_progress_icon {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 60px;
}
.style-two .work_progress_icon::before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 40px;
    border-left: 2px dashed #ddd;
    border-radius: 100%;
    bottom: -74px;
}
.style-two .work_progress_icon::after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    border: 2px solid #ddd;
    border-radius: 100%;
    bottom: -32px;
}
.style-two .work_progress_icon i {
    background: linear-gradient(90deg, rgba(30,85,189,1) 0%, rgba(67,126,235,1) 100%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-size: 50px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    width: 120px;
    z-index: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    display: inline-block;
}
.style-two .work_progress-number span:before,
.style-two .work_progress-number span:after{
    display:none;
}
.style-two .work_progress-number {
    position: relative;
    z-index: 1;
    position: absolute;
    right:0;
    top:0;
}
.style-two .work_progress_icon .work_progress-number:before {
    display:none;
}
.style-two .work_progress-number span {
    background: #fff;
    border-radius: 50%;
    color: #ED2C41;
    box-shadow: 0 0 10px #cccccc;
}
.style-two .work_progress-title h2 {
    font-size: 20px;
    margin: 30px 0 10px;
    font-weight: 700;
}

/* Style Three */
.work_progress.style-three .work_progress-number{
	position: relative;
    z-index: 1;
}
.work_progress.style-three .work_progress-number:before {
    position: absolute;
    top: 22px;
    width: calc(100% - 100px);
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ED2C41), color-stop(40%, #ED2C41), color-stop(40%, transparent), to(transparent));
    background-image: -o-linear-gradient(left, #ED2C41, #ED2C41 40%, transparent 40%, transparent 100%);
    background-image: linear-gradient(90deg, #ED2C41, #ED2C41 40%, transparent 40%, transparent 100%);
    background-size: 12px 1px;
    content: "";
    left: -143px;
}
.first-process .work_progress-number:before {
   display:none;
}
.work_progress.style-three .work_progress-number span{
    font-weight: 600;
    height: 45px;
    width: 45px;
    line-height: 45px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.work_progress.style-three:hover .work_progress-number span{
	transform: scale(1.1);
}
.work_progress.style-three .work_progress-number span:before{
    position: absolute;
    left: -20px;
    top: -20px;
    height: 85px;
    width: 85px;
    content: "";
    background: #ED2C41;
    z-index: -1;
    border-radius: 50%;
    right: 0;
    margin: auto;
    opacity: .2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.work_progress.style-three .work_progress-number span:after{
	position: absolute;
    left: -10px;
    top: -10px;
    height: 65px;
    width: 65px;
    content: "";
    background: #ED2C41;
    z-index: -1;
    border-radius: 50%;
    right: 0;
    margin: auto;
    opacity: .4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.before-none .work_progress.style-three .work_progress-number:before {
   display:none;
}

/* Style Five */

.work-process.style5{
    position: relative;
    text-align: center;
}
.work-process.style5 .icon{
    position: relative;
    color: var(--main-color);
    font-size: 50px;
    height: 125px;
    width: 125px;
    line-height: 125px;
    text-align: center;
    margin: 0 auto 22px;
    background-color: #f7e7e9;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    transition: 0.5s;
}
.work-process.style5 .icon::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 148px;
    border-bottom: 1px dashed var(--main-color);
    top: 50%;
    right: -160px;
}
.work-process.style5 .icon.hide::before{
    display: none;
}
.work-process.style5 .content .title{
    font-size: 22px;
    margin-bottom: 14px;
}
.work-process.style5:hover .icon{
    color: #fff;
    background-color: var(--main-color);
}

/*
==============
Call To Action
==============
*/

.call-to-action {
	text-align: center;
	position: relative;
}
.call-to-action-title h2 {
	margin-bottom: 12px;
	font-size: 35px;
	margin: 20px auto;
	text-transform: capitalize;
}
.call-to-action-title span {
	font-size: 40px;
	display: block;
	letter-spacing: 0;
	line-height: 1.2;
	margin-top: 20px auto 0;
	font-weight: 700;
}
.call-to-action-btn {
	margin-top: 30px;
}
.call-to-action-btn a {
	border: none;
	display: inline-block;
	text-transform: capitalize;
	background-color: #ED2C41;
	border-radius: 4px;
	color: #fff;
	padding: 16px 32px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	font-weight: 500;
}
.call-to-action-btn a i{
	margin-left:8px;
}
.call-to-action-btn a:hover {
	background: #fff;
	color: #ED2C41;
}
.call-to-action-desc {
	width: 31%;
	margin: auto;
}

.call-to-video {
	margin-bottom: 35px;
}
.call-video-link a{
    display:inline-block
}
.call-video-link a i {
    width: 90px;
    height: 90px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 90px;
    color: #ED2C41;
    border-radius: 100%;
	position:relative;
	z-index:1;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}

.call-video-link a {
	position:relative;
}
.call-video-link a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100px;
    width: 100px;
    background: rgba(255,255,255, 0.8);
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
}
.call-to-video i {
	font-size: 23px;
}

/* Style One */
.call-to-action.style-one .call-to-action-title h2{
	width: 48%;
}

/* Style Two */
.call-to-action.style-two{
	text-align: left;
}
.call-to-action.style-two .call-to-action-desc{
	width: 100%;
	margin: 0;
}

.call-to-action.style-two .call-to-video{
	text-align: center;
}

/*
===========
Testimonial
===========
*/

.testimonial.style1{
    padding: 10px;
}
.testimonial.style1 .owl-item:nth-child(odd){
    margin-top: 70px;
}
.testimonial.style1 .testimonial-item{
    margin: 40px 0 70px;
    padding: 38px 38px 38px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.testimonial.style1 .testimonial-item .author{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.testimonial.style1 .testimonial-item .author img{
    height: 65px;
    width: 65px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
}
.testimonial.style1 .testimonial-item .author .bio .name{
    font-weight: 600;
}
.testimonial.style1 .testimonial-item .author .bio .designation{
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}
.testimonial.style1 .testimonial-item .quote{
    font-size: 15px;
    font-weight: 300;
}
.testimonial.style1 .testimonial-item .testi-star i {
    color: #ddd;
    font-size: 10px;
}
.testimonial.style1 .testimonial-item .testi-star i.active {
    color: #F9BF00;
}

/* Style Two */

.testimonial.style2{
    padding: 10px;
}
.testimonial.style2 .testimonial-item{
    margin: 28px 0 70px;
    padding: 36px 36px 30px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.testimonial.style2 .testimonial-item .author{
    display: flex;
    align-items: center;
    margin-bottom: 33px;
}
.testimonial.style2 .testimonial-item .author img{
    height: 65px;
    width: 65px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
}
.testimonial.style2 .testimonial-item .author .bio .name {
    color: var(--title-color);
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 7px;
}
.testimonial.style2 .testimonial-item .author .bio .designation{
    color: #57647c;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}
.testimonial.style2 .testimonial-item .quote{
    font-size: 16px;
    font-weight: normal;
}
.testimonial.style2 .testimonial-item .testi-star i {
    color: #ddd;
    font-size: 13px;
}
.testimonial.style2 .testimonial-item .testi-star i.active {
    color: #F9BF00;
}

/* Style Three */

.testimonial-style-three .single_testimonial {
    background: #1c1e22;
    position: relative;
    padding: 49px 50px 64px 112px;
    margin-bottom: 30px;
}
.testimonial-style-three .test_thumb {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.testimonial-style-three .test_thumb img{
    border-radius: 100%;
}
.testimonial-style-three .testi_title{
    text-align: left;
}
.testimonial-style-three .single_testimonial:before {
    content: '';
    bottom: -30px;
    top: auto;
    border-color: #1c1e22 transparent transparent #1c1e22;
    display: block;
    position: absolute;
    left: 0;
    margin-left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
}
.testimonial-style-three .testi_content {
    position: relative;
    padding: 0 0 20px 0;
    box-shadow: inherit;
    background: transparent;
    border-radius: 0;
    text-align: left;
    margin-bottom: 0;
}
.testimonial-style-three .testi_content::before {
    position: absolute;
    content: "";
    left: -78px;
    top: 12px;
    height: 42px;
    width: 50px;
    background: url(http://localhost/luxury-digital-agency/wp-content/uploads/2021/10/shape6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.testimonial-style-three .em_testi_text {
    color: #fff;
    font-size: 18px;
}
.testimonial-style-three .testi_title h2 {
    font-size: 22px;
    color: #fff;
}
.testimonial-style-three .testi_title span {
    color: #bcc7cd;
    font-weight: 600;
}

/* Style Four */

.testimonial.style4 .testimonial-item {
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
    padding: 40px 40px 35px;
    background: #fff;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    margin: 0 13px 33px 0;
}
.testimonial.style4 .testimonial-item::before {
    content: '';
    position: absolute;
    height: 96%;
    width: 94%;
    background-color: #f3031e;
    opacity: 0.58;
    z-index: -1;
    right: -13px;
    bottom: -13px;
    transition: 0.3s;
}
.testimonial.style4 .testimonial-item:hover::before{
    opacity: 1;
}
.testimonial.style4 .testimonial-item .author img{
    margin: 0 auto 13px;
}
.testimonial.style4 .testimonial-item .author .name{
    margin-bottom: 7px;
}
.testimonial.style4 .testimonial-item .testi_content{
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    text-align: center;
    margin-bottom: 17px;
}
.testimonial.style4 .testimonial-item .testi_content .testi_text{
    font-weight: 400;
    font-style: normal;
    width: 100%;
    margin: auto;
}
.testimonial.style4 .testimonial-item .testi-star i{
    font-size: 14px;
}
.testimonial.style4 .testimonial-item .testi-star i.active{
    color: var(--main-color);
}
.testimonial.style4 .testimonial-item .testi_title span{
    color: var(--main-color);
}
.testimonial.style4 .owl-dots{
    margin-top: 42px;
}
.testimonial.style4 .owl-dots .owl-dot{
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background-color: var(--main-color);
    opacity: 0.58;
}
.testimonial.style4 .owl-dots .owl-dot.active{
    opacity: 1;
}

/* Style Five */

.testimonial.style5 .single_testimonial {
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(32, 159, 46, 0.06);
    margin: 20px 0 20px;
    padding: 30px 29px 26px;
    background: #fff;
    border-radius: 5px;
}
.testimonial.style5 .single_testimonial .testi_thumb{
    position: relative;
    display: inline-block;
    float: none;
    margin: 0;
    text-align: center;
}
.testimonial.style5 .single_testimonial .testi_thumb::before{
    display: none;
}
.testimonial.style5 .single_testimonial .testi_content{
    padding: 10px 0 5px;
    background: transparent;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0;
}
.testimonial.style5 .single_testimonial .testi_content .testi_text{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    margin: auto;
}
.testimonial.style5 .reviews_rating {
    margin: 3px 0 15px;
}
.testimonial.style5 .author .name {
    color: var(--main-color);
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 7px;
}
.testimonial.style5 .author .designation{
    margin-bottom: 0;
}
.testimonial.style5 .testi-star i{
    font-size: 14px;
}
.testimonial.style5 .testi-star i.active{
    color: var(--main-color);
}

/* Style Six */

.testimonial.style6{
    padding: 10px;
}
.testimonial.style6 .testimonial-item{
    position: relative;
}
.testimonial.style6 .testimonial-item::before{
    content: '';
    position: absolute;
    height: 52px;
    width: 60px;
    background-image: url(../images/quote-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    right: 0;
}
.testimonial.style6 .testimonial-item .author{
    display: flex;
    align-items: center;
    margin-bottom: 33px;
}
.testimonial.style6 .testimonial-item .author img{
    height: 70px;
    width: 70px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
}
.testimonial.style6 .testimonial-item .author .bio .name {
    color: var(--title-color);
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 7px;
}
.testimonial.style6 .testimonial-item .author .bio .designation{
    color: #57647c;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
}
.testimonial.style6 .testimonial-item .quote {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 63px;
}
.testimonial.style6 .testimonial-item .testi-star i {
    color: #ddd;
    font-size: 13px;
}
.testimonial.style6 .testimonial-item .testi-star i.active {
    color: #F9BF00;
}

/* Style Seven */

.testimonial.style7{
    padding: 10px;
}
.testimonial.style7 .testimonial-item {
    position: relative;
    text-align: center;
    width: 68%;
    margin: auto;
}
.testimonial.style7 .testimonial-item::before{
    content: '';
    position: absolute;
    height: 52px;
    width: 60px;
    background-image: url(../images/quote-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    right: 0;
}
.testimonial.style7 .testimonial-item .image {
    position: relative;
    height: 120px;
    width: 120px;
    margin: 0 auto 15px auto;
}
.testimonial.style7 .testimonial-item .image img{
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.testimonial.style7 .testimonial-item .author {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.testimonial.style7 .testimonial-item .author .bio .name {
    color: var(--title-color);
    font-size: 22px;
    font-weight: 500;
    font-family: var(--title-font);
    margin: 0 0 8px;
}
.testimonial.style7 .testimonial-item .author .bio .designation {
    color: #616161;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.testimonial.style7 .testimonial-item .quote {
    color: var(--pragraph-color);
    font-weight: normal;
    margin-bottom: 16px;
}
.testimonial.style7 .testimonial-item .testi-star i {
    color: #ddd;
    font-size: 16px;
}
.testimonial.style7 .testimonial-item .testi-star i.active {
    color: var(--main-color);
}
.testimonial.style7 .owl-nav .owl-prev,
.testimonial.style7 .owl-nav .owl-next{
    position: absolute;
    height: 31px;
    width: 31px;
    line-height: 30px;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    color: var(--main-color);
    text-align: center;
    background-color: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
}
.testimonial.style7 .owl-nav .owl-prev{
    top: 64%;
}
.testimonial.style7 .owl-nav .owl-prev:hover,
.testimonial.style7 .owl-nav .owl-next:hover{
    color: #fff;
    background-color: var(--main-color);
}


/*
==========
Case Study
==========
*/
.case-study.style1 .case-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}
.case-study.style1 .case-grid .gird-item{
    position: relative;
    overflow: hidden;
}
.case-study.style1 .case-grid .gird-item .image{
    position: relative;
}
.case-study.style1 .case-grid .gird-item .image img{
    height: 380px;
    object-fit: cover;
}
.case-study.style1 .case-grid .gird-item .image::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--main-color);
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case-study.style1 .case-grid .gird-item:hover .image::before{
    opacity: 0.9;
}
.case-study.style1 .case-grid .gird-item .content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case-study.style1 .case-grid .gird-item:hover .content{
    top: 50%;
    transform: translateY(-50%);
}
.case-study.style1 .case-grid .gird-item .content .case-btn{
    display: inline-block;
    margin-bottom: 24px;
}
.case-study.style1 .case-grid .gird-item .content .case-btn:hover i{
    color: var(--main-color);
    background-color: #fff;
}
.case-study.style1 .case-grid .gird-item .content .case-btn i{
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    border-radius: 5px;
}
.case-study.style1 .case-grid .gird-item .content .title{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.case-study.style1 .case-grid .gird-item .content .category{
    color: #fff;
}



.dreamit-single-cases-study{
    position: relative;
	z-index:999;
}
.cases-study-content {
	position: absolute;
	left: 0;
	bottom: -100%;
	right: 0;
	text-align: center;
	background: #ED2C41;
	margin: auto;
	padding: 20px 30px 1px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 999;
	width: 100%;
}
.dreamit-single-cases-study:hover .cases-study-content{
	bottom: 0;
}
.case-study-thumb{
	position:relative;
	z-index:1;
}
.case-study-thumb img{
	width: 100%;
}
.case-study-thumb::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    content: "";
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 5px;
}
.dreamit-single-cases-study:hover .case-study-thumb:before{
	opacity:1;
}
.em-cases-study-title h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 5px;
}
.em-cases-study-title h2 a {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.case_category span {
    color: #ED2C41;
}

.case_default .em-cases-study-content{
    background: transparent;
    width: 100%;
    padding: 40px 27px;
    top: inherit;
    opacity: 1;
    text-align: left;
    bottom: 0;
}
.case_default .em-cases-study-title h2 a {
    font-size: 23px;
}
.case_default .dreamit-single-cases-study {
    margin-bottom: 30px;
}

.case_default .case-study-thumb {
   position:relative;
   z-index: 1;
}

.case_default .case-study-thumb:before {
   display:none;
}

.case_default .em-cases-study-title h2 {
    margin: 0 0 7px;
    color: #fff;
}
.case_default .case_category span,
.case_default .cases-study-content p,
.case_default .em-case-study-button a {
    color: #fff;
}
.case_default .cases-study-content p {
    margin: 20px 0;
}
.case_default .em-cases-study-title h2 a:hover {
    color: #fff;
}
.em-case-study-button {
	margin-top: 20px;
}



/* Case Style Two
------------------*/

.case-study.style2 .single_case_study::before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(124,75,82, 0.8);
	content: "";
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
.case-study.style2 .single_case_study:hover::before{
    opacity: 1;
}
.case-study.style2 .case-study-thumb img{
    height: 380px;
    object-fit: cover;
}

.case-study.style2 .single_case_study .case-study-thumb{
    position: relative;
}
.case-study.style2 .single_case_study .case-study-thumb::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 86%;
    height: 86%;
    border: 1px solid rgba(105,63,73,0.79);
    margin: auto;
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.case-study.style2 .single_case_study .case-study-thumb::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 0%;
    height: 100%;
    background: rgba(105,63,73,0.60);
    margin: auto;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .5s;
}
.case-study.style2 .single_case_study:hover .case-study-thumb::after{
    width: 100%;
}
.case-study.style2 .cases-study-content .title{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    font-family: var(--title-font);
    text-transform: uppercase;
}
.case-study.style2 .cases-study-content .title a{
    color: #fff;
}









.style-two .cases-study-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 70%;
	text-align: center;
	background: inherit;
	width: 100%;
	margin: auto;
	border-radius: 0;
	padding:0;
	opacity: 0;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	transform: translateY(-70%);
	z-index: 2;
	bottom: inherit;
}
.style-two .em-cases-study-title h2 a {
    font-size: 32px;
    color: #fff;
}
.style-two .case_category span {
    color: #fff;
}
.style-two .dreamit-single-cases-study:hover .cases-study-content{
	opacity:1;
	top:50%;
	bottom:inherit;
	transform: translateY(-50%);
}
.style-two .cases-study-content
.style-two .col-xs-12,
.style-two .col-sm-12,
.style-two .col-md-12{
	padding: 0;
}
.bg-bottom-bf {
    position: relative;
    z-index: 1;
}
.bg-bottom-bf::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #fff;
    content: "";
    opacity: 0;
    transition:.5s;
}
.bg-bottom-bf::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 14px;
    width: 14px;
    background: #fff;
    bottom: -3px;
    margin: auto;
    transform: rotate(45deg);
    opacity: 0;
    transition:.5s;
}
.style-two .dreamit-single-cases-study:hover .bg-bottom-bf::after,
.style-two .dreamit-single-cases-study:hover .bg-bottom-bf::before{
    opacity: 1;
}
.service-box.service-style-six:hover .bg-bottom-bf::after,
.service-box.service-style-six:hover .bg-bottom-bf::before{
    opacity: 1;
}

/* Case Style Three */

.case-study-style3 .em-cases-study-title h2 {
    font-size: 24px;
    margin: 12px 0 0;
}
.case-study-style3 .em-cases-study-title h2 a {
color:#fff;
}
.case-study-style3 .case_category span {
    color: #fff;
}
.case-study-style3 .em-case-study-button a {
    display: inline-block;
    background: #fff;
    padding: 3px 20px;
    border-radius: 30px;
    color: #ED2C41;
    margin-top: 10px;
}
.case-study-style3 .cases-study-content {
    top: 76%;
    background: transparent;
    width: 100%;
    border-radius: 0;
    padding: 0;
    opacity: 1;
}
.case-study-style3 .case-study-thumb:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
    background: linear-gradient(to bottom,rgba(0,0,0,0),#000);
    top: 25px;
    content: "";
    opacity: 1;
    transition: .5s;
}
.case-study-style3 .luxury-single-cases-study:hover .case-study-thumb::before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(37, 19, 209,.2)),to(blue));
    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.4),#2513d1);
	top: 0;
}
.case-study-style3 .luxury-single-cases-study:hover .cases-study-content{
	top: 70%;
}


/* Style Four */
.case-style-four .dreamit-single-cases-study {
    margin-bottom: 30px;
    overflow: hidden;
}
.case-style-four .dreamit-single-cases-study .case-study-thumb:after {
    content: "";
    background: rgba(12,90,219,.85);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    transform-origin: top;
	-moz-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    -moz-transform: perspective(15em) rotateX(-90deg);
    -o-transform: perspective(15em) rotateX(-90deg);
    -ms-transform: perspective(15em) rotateX(-90deg);
	-webkit-transform: perspective(15em) rotateX(-90deg);
    transform: perspective(15em) rotateX(-90deg);
    z-index: 1;
    left: 0;
}
.case-style-four .dreamit-single-cases-study:hover .case-study-thumb:after {
    -moz-transform: perspective(0) rotateX(0);
    -o-transform: perspective(0) rotateX(0);
    -ms-transform: perspective(0) rotateX(0);
    -webkit-transform: perspective(0) rotateX(0);
    transform: perspective(0) rotateX(0);
}
.case-style-four .cases-study-content{
    background: 0 0;
    width: 83%;
    padding: 21px 24px;
    opacity: 1;
    text-align: center;
	background: #fff;
    top: 120%;
    margin: auto;
    border-radius: 0;
	transform: translateY(-50%);
	bottom: inherit;
}
.case-style-four .dreamit-single-cases-study:hover .cases-study-content {
    top: 80%;
	opacity: 1;
	bottom: inherit;
}

/* Case Style Five */
.case-study-style5 .em-cases-study-title h2 {
    font-size: 24px;
    margin: 12px 0 0;
}
.case-study-style5 .em-cases-study-title h2 a {
color:#fff;
}
.case-study-style5 .case_category span {
    color: #fff;
}
.case-study-style5 .em-case-study-button a {
    display: inline-block;
    background: #fff;
    padding: 3px 20px;
    border-radius: 30px;
    color: #ED2C41;
    margin-top: 10px;
}
.case-study-style5 .cases-study-content {
    top: 62%;
    background: transparent;
    width: 100%;
    border-radius: 0;
    padding: 0;
    opacity: 1;
}
.case-study-style5 .case-study-thumb:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
    background: linear-gradient(to bottom,rgba(0,0,0,0),#000);
    top: 25px;
    content: "";
    opacity: 1;
    transition: .5s;
}
.case-study-style5 .dreamit-single-cases-study:hover .case-study-thumb::before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(37, 19, 209,.2)),to(blue));
    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.4),#2513d1);
	top: 0;
}
.case-study-style5 .dreamit-single-cases-study:hover .cases-study-content{
	top: 55%;
}

/* Case Style Six
------------------*/
.style-six .case-study-thumb img{
    border-radius: 5px;
}
.style-six .case-study-thumb::before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12,90,219,.85);
	content: "";
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.style-six .cases-study-content {
    position: relative;
    background: #fff;
    width: 86%;
    margin-top: -40px;
    padding: 30px 10px;
    border-radius: 5px;
}
.style-six .dreamit-single-cases-study:hover .cases-study-content{
	bottom: inherit;
}

/*
==========
Brand
==========
*/

.itsoft-single-brand {
	margin-bottom: 15px;
	overflow: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	text-align: center;
}
.brand-thumb  img {
	filter: gray;
	-webkit-filter: grayscale(1);
	transition:.3s;
}
.itsoft-single-brand:hover .brand-thumb  img{
		filter: none;
	-webkit-filter: grayscale(0);
}

.itsoft-single-brand.style2 {
    border: 0;
    padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;	    
}
.itsoft-single-brand.style2:hover{
	margin-top: 0;
}

/* Style One */

.brand.style1 .brand-item{
    text-align: center;
}
.brand.style1 .brand-item img{
    display: inline-block;
    filter: grayscale(100%);
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.brand.style1 .brand-item img:hover{
    filter: none;
    opacity: 1;
}


/* =========    Counter      =========*/

.single-counter.style-one {
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-counter.style-one .icon {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	float: left;
	margin-right: 20px;
}
.single-counter.style-one .icon i {
	font-size: 50px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display: inline-block;
	color: #fff;
}
.single-counter.style-one .count.percent {
	font-size: 45px;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.single-counter.style-one .suffix {
    font-size: 45px;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.counter_title {
	padding: 0 0 0;
}
.single-counter.style-one .counter-content.counter h6 {
    font-size: 16px;
    margin-top: 0px;
    letter-spacing: 0;
    color: #606060;
    font-weight: 400;
    margin-top: 6px;
    text-transform: capitalize;
}
.single_counter.center{
	text-align: center;
}



/*
=========
Icon Box
=========
*/

.icon-box.style1{
	display: flex;
    align-items: center;
	padding-bottom: 5px;
}
.icon-box.style1 .icon-box-icon{
	padding-right: 25px;
}
.icon-box.style1 .icon-box-content h2{
	color: var(--title-color);
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 7px 0;
}
.icon-box.style1 .icon-box-content .description p{
    font-size: 14px;
	margin: 0;
}
.icon-box.style1 .icon-box-icon .icon{
    border: 1px dashed var(--title-color);
    border-radius: 50%;
    padding: 12px;
}
.icon-box.style1 .icon-box-icon .icon i {
    display: inline-block;
    font-size: 20px;
    color: var(--title-color);
    height: 58px;
    width: 58px;
    line-height: 58px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 50%;
}

/* Style Two */

.icon-box.style-two{
	display: block;
}

/* Style Three */

.icon-box.style3{
    display: flex;
	align-items: center;
	padding: 0;
	transition: 0.5s;
}
.icon-box.style3 .icon-box-icon{
    flex-shrink: 0;
    padding-right: 20px;
}
.icon-box.style3 .icon i{
    color: var(--main-color);
    font-size: 12px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #2a5959;
    border-radius: 50%;
}
.icon-box.style3 .icon-box-content .title {
    font-size: 20px;
    font-family: var(--title-font);
	margin: 0 0 8px;
}
.icon-box.style3 .icon-box-content .description {
    color: var(--main-color);
	font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

/* Style Four */

.icon-box.style4{
    position: relative;
    display: flex;
    padding: 0;
    box-shadow: 0px 0px 18px 0px rgba(2, 2, 2, 0.1);
    padding: 24px 30px 24px;
    transition: 0.5s;
}
.icon-box.style4::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 6px;
    background-color: var(--main-color);
    right: 0;
    top: 0;
    transition: 0.5s;
}
.icon-box.style4:hover::before{
    width: 100%;
}
.icon-box.style4 .icon-box-icon{
    position: relative;
    flex-shrink: 0;
    padding-right: 28px;
}
.icon-box.style4 .icon-box-content{
    position: relative;
}
.icon-box.style4 .icon i{
    color: var(--main-color);
    font-size: 12px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #2a5959;
    border-radius: 50%;
}
.icon-box.style4 .icon-box-icon img{
    margin-top: 6px;
}
.icon-box.style4 .icon-box-content .title {
    font-size: 22px;
    font-family: var(--title-font);
    margin: 0 0 6px;
    transition: 0.5s;
}
.icon-box.style4 .icon-box-content .description {
    color: #616161;
    margin-bottom: 0;
}

.icon-box.style4:hover .icon-box-content .title,
.icon-box.style4:hover .icon-box-content .description{
    color: #fff;
}

/*
==============
Video Box
==============
*/

.single-video {
	position: relative;
	text-align: center;
}

.single-video h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	padding-top: 26px;
	text-transform: capitalize;
	display: inline-block;
	margin-left: 25px;
}
.video-icon a {
	text-align: center;
	display: inline-block;
	position:relative;
	z-index:99;
}
.single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
    background: rgba(32, 64, 64, 0.8);
    height: 75px;
    width: 75px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    line-height: 75px;
    color: #fff;
    font-size: 26px;
    position: relative;
    -webkit-animation: ripple-red 1s linear infinite;
    animation: ripple-red 1s linear infinite;
    -webkit-transition: .5s;
}

/* .video-icon a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 99px;
    width: 99px;
    background: rgba(12, 90, 219,1);
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
} */

.v-overlay .video-icon a i {
	border: 0px solid #fff;
	font-size: 30px;
}
/* Style One */
.single-video.style-one .video-icon,
.single-video.style-three .video-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes ripple-red {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(2241, 42, 2, 0)
    }
}

/* Style Three */
.single-video .layer-1 img, .single-video .layer-2 img, .single-video .layer-3 img, .single-video .layer-4 img {
    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}
@keyframes alltuchtopdown{
	0%{
		-webkit-transform:rotateX(0deg) translateY(0px);
		-ms-transform:rotateX(0deg) translateY(0px);
		transform:rotateX(0deg) translateY(0px)
	}
	50%{
		-webkit-transform:rotateX(0deg) translateY(-20px);
		-ms-transform:rotateX(0deg) translateY(-20px);
		transform:rotateX(0deg) translateY(-20px)
	}
	100%{
		-webkit-transform:rotateX(0deg) translateY(0px);
		-ms-transform:rotateX(0deg) translateY(0px);
		transform:rotateX(0deg) translateY(0px)
	}
}

.single-video.style-three .video-icon a {
    -webkit-animation: none;
    animation: none;
    -webkit-transition: none;
}

.single-video.style-three .video-icon a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 99px;
    width: 99px;
    background: rgba(12, 90, 219,1);
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
.single-video.style-three .video-icon a i{
    background: #fff;
    height: 90px;
    width: 90px;
	line-height: 90px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 50%;
    color: #ED2C41;
    font-size: 26px;
    position: relative;
}

/*
==============
Nivo Slider
==============
*/

.main-slider-area {
	display: block;
	position: relative;
}
.nivo-caption {
	background: rgba(0, 0, 0, 0.0);
	height: 100%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	overflow: visible !important;
}

.em_slider_inner {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}
.nivoSlider {
 overflow: visible; 
}
.em-slider-title {
    font-size: 33px;
    color: #fff;
    font-weight: 400;
}
.em-slider-sub-title {
    font-size: 120px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 800;
    display: block;
    margin: 0;
	line-height: 1.3;
}

.em-slider-descript {
	color: #fff;
}

.em-slider-descript {
    width: 48%;
    text-align: left;
    color: #fff;
    margin: 5px 0 30px;
    font-size: 33px;
}

.text-left .em-slider-descript {
	margin-left: 0;
	margin-right: auto;
}

.text-center .em-slider-descript {
	margin: 0 auto 31px;
}

.text-right .em-slider-descript {
	margin-right: 0;
	margin-left: auto;
}
.em-button-button-area a {
    -moz-user-select: none;
    background: #ED2C41;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    padding: 15px 41px;
    text-align: center;
    text-transform: uppercase;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 4px;
    border: 1px solid transparent;
    font-weight: 400;
    margin-top: 17px;
}
.em-button-button-area a:hover {
	background-color: #fff;
	border-color: #fff;
	color:#ED2C41;
}
.em-slider-button .withput-active {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.8);
    margin-left: 7px;
}
.em-slider-button .withput-active:hover{
	background:#fff; 
	border-color:#fff; 
	color:#ED2C41;
}
.em-button-button-area a i {
	margin-left: 10px;
	display: inline-block;
}
.text-left a.em-active-button {
	margin-left: 0;
}

.em-slider-half-width {
	width: 50%;
}
.text-center .em-button-button-area a {
	margin: 0 15px;
}
.em-slider-left {
	padding-right: 30px;
}

.em-slider-right {
	padding-left: 30px;
}

.em-slider-full-width {
	width: 85%;
}

.em-slider-half-width .em-slider-descript {
	width: 100%;
}


/* directionNav */

.em-nivo-slider-wrapper .nivo-directionNav {}

.em-nivo-slider-wrapper .nivo-directionNav a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 78px;
    width: 50px;
    line-height: 74px;
    border: 0;
    text-align: center;
    display: block;
    color: #ED2C41;
    font-size: 28px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    background: #fff;
}

.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {}

.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
	left: auto;
	right: 0;
}

.em-nivo-slider-wrapper .nivo-directionNav a:hover {
	background: #ED2C41;
	border-color: #ED2C41;
	color: #fff;
}

.em-nivo-slider-wrapper:hover .nivo-directionNav a {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	left: 50px;
}

.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
	left: auto;
	right: 50px;
}


/* controlNav */

.em-nivo-slider-wrapper .nivo-controlNav {
	top: 50%;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 9;
	left: 38px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.em-nivo-slider-wrapper .nivo-controlNav {}

.em-nivo-slider-wrapper .nivo-controlNav a {
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 9px;
	height: 17px;
	margin: 8px 0;
	width: 17px;
	color: #ED2C41;
	line-height: 17px;
}

.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
	background: #fff none repeat scroll 0 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single_slide_img {
	position: absolute;
	top: -180px;
	text-align: right;
	left: 59%;
}
.luxury-blog-meta-left a {
    font-weight: 600;
}


/*
==============
Pricing Table
==============
*/

.pricing.style1{
    position: relative;
    padding: 75px 40px 40px;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.pricing.style1 .package-name{
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    padding: 8px 36px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 15px 50px 0px rgba(157, 35, 190, 0.2);
}
.pricing.style1 .pricing-head{
    text-align: center;
    border-bottom: 1px solid rgba(30, 38, 109, 0.1);
    margin-bottom: 30px;
}
.pricing.style1 .pricing-title{
    color: #562fb7;
    font-size: 22px;
    font-weight: 500;
}
.pricing.style1 .description{
    color: #1e266d;
    font-family: 'Montserrat', sans-serif;
}
.pricing.style1 .price-item{
    margin-bottom: 12px;
}
.pricing.style1 .price-item .currency{
    color: #1e266d;
    font-size: 24px;
    font-weight: 500;
}
.pricing.style1 .price-item .tk{
    color: #1e266d;
    font-size: 50px;
    font-weight: 600;
}
.pricing.style1 .price-item .month{
    color: #562fb7;
    font-size: 16px;
    font-weight: normal;
}
.pricing.style1 .pricing-body ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.pricing.style1 .pricing-body ul li{
    font-weight: 300;
    margin-bottom: 15px;
}
.pricing.style1 .pricing-body ul li i {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(90deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);
    border-radius: 50%;
    margin-right: 6px;
}

.pricing.style1 .pricing-button{
    position: relative;
    display: inline-block;
    color: #1e266d;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 30px;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(238,83,248,1);
    border-radius: 30px;
    text-align: center;
    margin-top: 37px;
}

/* Pricing Style Two*/

.style-two.single_pricing {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    border: inherit;
    text-align: center;
}
.style-two .pricing_top_bar {
    position: relative;
    background: #ED2C41;
    padding-top: 36px;
    z-index: 1;
    padding-bottom: 10px;
}
.style-two .pricing_top_bar:before {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	content:"";
	background: url(../images/pricing-bg3.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto;
	z-index:-1;
}

.active .pricing_top_bar:before {
    background: url(../images/pricing-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pricing-3 .pricing_top_bar:before {
    background: url(../images/pricing-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.style-two .pricing_head {
	padding: 0 0 0px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.style-two .pricing_icon {
	text-align: center;
}
.style-two .pricing_title h3 {
	font-size: 28px;
	text-transform: capitalize;
	padding-bottom: 0;
	color: #fff;
	font-weight: 700;
	position: relative;
}
.style-two .pricing_title h3:after, .style-two .pricing_title h3:before {
	content: '';
	top: 48px;
	right: 0;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	background: #fff;
	left: 40px;
	margin: auto;
}
.style-two .pricing_title h3:before {
	width: 25px;
	left: 0;
	right: 0;
	margin: auto;
}

.style-two .pricing_subtitle h4 {
	font-size: 18px;
	color: #656565;
	font-weight: 400;
	margin: 0;
}
.style-two .pricing_img {
    background: #fff;
    display: inline-block;
    border: 1px solid #ED2C41;
    border-radius: 100%;
    margin-top: -23px;
    position: relative;
}
.style-two.active .pricing_img {
    background: #fff;
    display: inline-block;
    border: 1px solid #ED2C41;
    border-radius: 100%;
    margin-top: 0;
    position: relative;
    margin-bottom: -26px;
}

.style-two .pricing_body {
	padding: 40px 0 50px;
}
.style-two .price_item_inner_center {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.style-two .price_item {
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 19px;
    margin-top: 28px;
}
.style-two .price_item span {
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 70px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.style-two .curencyp {
	font-size: 32px !important;
	font-weight: 700 !important;
	position: relative;
	top: -28px;
	color: #fff;
}
.style-two .bootmp {
	font-size: 20px !important;
	font-weight: 500 !important;
}
.style-two .pricing_btn span {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0px 23px;
	border-radius: 30px;
	font-size: 15px;
}
.style-two .featur {
	border: inherit;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 7px;
	text-align: center;
	padding: 0;
}
.style-two .featur ul {
	padding:0;
}

.style-two .featur ul li {
	display: block;
	font-size: 16px;
	padding: 7px 0;
	text-transform: none;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-transform: capitalize;
	font-weight: 300;
}
.style-two .featur ul li b {
	font-weight: 600;
}
.style-two .featur ul li:last-child {
	padding-bottom: 0;
}

.style-two .order_now {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-top: 34px;
}
.style-two .order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 37px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #ED2C41;
    border: 1px solid #ED2C41;
    border-radius: 4px;
}
.style-two.single_pricing:hover .order_now a {
	background: #ED2C41;
	color: #fff;
}

.gradient .pricing_top_bar {
	position: relative;
	background: linear-gradient(to bottom, #1F2A6C, #40497c, #ac616c, #c45969, #e94d65) !important;
	padding-top: 25px;
}
.gradient .order_now a {
	color: #e94d65;
	border: 1px solid #e94d65;
}
.gradient .single_pricing:hover .order_now a {
	background: linear-gradient(to right, #38406e, #565b76, #ac616c, #c45969, #e94d65) !important;
}

/* Style Three */

.pricing.style3{
    position: relative;
    padding: 0 0 30px;
    background-color: #fff;
    border-radius: 5px;
    line-height: 1.5;
}
.pricing.style3 .package-name {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 32px;
}
.pricing.style3 .pricing-head{
    text-align: center;
    padding: 25px 20px 27px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #262b4c;
}
.pricing.style3 .pricing-head .description{
    color: #fff;
    margin-bottom: 0;
}
.pricing.style3 .price-item{
    margin-bottom: 31px;
}
.pricing.style3 .price-item span{
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    font-family: var(--title-font);
}
.pricing.style3 .price-item .month{
    color: #fff;
    font-size: 16px;
}
.pricing.style3 .pricing-body{
    padding: 50px 50px 30px;
    background-color: #1e223d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pricing.style3 .pricing-body ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.pricing.style3 .pricing-body ul li{
    color: #fff;
    margin-bottom: 15px;
}
.pricing.style3 .pricing-body ul li i {
    display: inline-block;
    color: var(--main-color);
    text-align: center;
    border-radius: 50%;
    margin-right: 6px;
}
.pricing.style3 .pricing-button{
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 15px 30px;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    text-align: center;
    margin-top: 34px;
}
.pricing.style3.active .pricing-head{
    background-color: var(--main-color);
}
.pricing.style3.active .package-name,
.pricing.style3.active .price-item span{
    color: #fff;
}
.pricing.style3.active .pricing-button{
    background-color: var(--main-color);
}

/* Style Four */

.pricing.style4{
    position: relative;
    background-color: #fff;
    line-height: 1.5;
    padding: 0 22px;
    box-shadow: 0 0 18px 0 rgba(2, 2, 2, 0.1);
    transition: 0.5s;
}
.pricing.style4.active,
.pricing.style4:hover{
    background-color: var(--main-color);
}
.pricing.style4 .package-name {
    display: block;
    color: var(--main-color);
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 7px;
}
.pricing.style4 .pricing-head{
    text-align: center;
    padding: 33px 20px 27px;
    border-bottom: 1px solid rgba(145, 145, 145, 0.37);
}
.pricing.style4:hover .pricing-head,
.pricing.style4.active .pricing-head{
    border-color: rgba(255, 255, 255, 0.37);
}
.pricing.style4 .pricing-head .description{
    margin-bottom: 0;
}
.pricing.style4 .price-item{
    margin-bottom: 15px;
}
.pricing.style4 .price-item span{
    color: var(--title-color);
    font-size: 36px;
    font-weight: bold;
    font-family: var(--title-font);
}
.pricing.style4 .price-item .month{
    font-size: 16px;
}
.pricing.style4 .pricing-body {
    padding: 26px 50px 50px;
}
.pricing.style4 .pricing-body ul{
    margin: 0 0 0 35px;
    padding: 0;
    list-style: none;
}
.pricing.style4 .pricing-body ul li{
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 25px;
}
.pricing.style4 .pricing-body ul li::before {
    content: '';
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    margin-top: 3px;
}
.pricing.style4:hover .pricing-body ul li::before,
.pricing.style4.active .pricing-body ul li::before{
    border-color: #fff;
}
.pricing.style4 .pricing-body ul li::after {
    content: '';
    position: absolute;
    left: 25px;
    right: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dotted var(--main-color);
}
.pricing.style4:hover .pricing-body ul li::after,
.pricing.style4.active .pricing-body ul li::after{
    border-color: #fff;
}
.pricing.style4 .pricing-button {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 15px 39px;
    background-color: var(--main-color);
    text-align: center;
    margin-top: 22px;
    border: 1px solid var(--main-color);
}
.pricing.style4.active .pricing-head{
    background-color: var(--main-color);
}
.pricing.style4:hover .package-name,
.pricing.style4:hover .price-item span,
.pricing.style4:hover .pricing-head .description,
.pricing.style4:hover .pricing-body ul li,
.pricing.style4.active .package-name,
.pricing.style4.active .price-item span,
.pricing.style4.active .pricing-head .description,
.pricing.style4.active .pricing-body ul li{
    color: #fff;
}
.pricing.style4:hover .pricing-button,
.pricing.style4.active .pricing-button{
    background-color: var(--main-color);
    border: 1px solid #fff;
}

/*
================
 Image Carousel
================
*/


.owl_wrapper{
  width: 100vw;
  overflow: hidden;
}
.owl_content{padding-left: 12%;}
.owl_wrapper .owl-item{
  opacity: 0;
  transform: scale(0.6);
  -ms-transform: scale(0.6);
  transition: all .2s;
  -webkit-transform: all .2s;
  z-index: 1;
}
.owl_wrapper .active{opacity: 0.5;}
.owl_wrapper .active.middle_beside{
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  opacity: 0.8;
  margin: 0 -1%;
  z-index: 2;
}
.owl_wrapper .active.middle{
  transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  z-index: 3;
}
.owl_wrapper .active.next_to_mid{margin-left: -1%;}
.owl_wrapper .active.prev_to_mid{margin-right: -1%;}



/*===== Navigation =====*/
.owl_wrapper .prev, .owl_wrapper .next{
  position: absolute;
  top: 100px; left: 100px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #777;
  cursor: pointer;
  z-index: 5;
}
.owl_wrapper .next{left: calc(100% - 100px);}
.no_select{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}







.infos {
    width: 500px;
    text-align: center;
    font-family: 'Roboto', Arial;
    font-size: 14px;
    line-height: 16px;
    margin-top: 50px;
    color: #000;
}
.infos a {
    color: #555;
    text-decoration: none;
}
.infos a:hover {color: #999;}
























#carousel {
  position: relative;
  height: 400px;
  overflow: hidden;
}
#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, opacity 1s, z-index 0s;
  opacity: 1;
}
#carousel div img {
  width: 400px;
  transition: width 1s;
}
#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
  width: 200px;
}
#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
  width: 200px;
}
#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
  width: 300px;
}
#carousel div.prevLeftSecond {
  z-index: 4;
  left: 15%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.prevLeftSecond img {
  width: 200px;
}
#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
  width: 300px;
}
#carousel div.nextRightSecond {
  z-index: 4;
  left: 85%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0.7;
}
#carousel div.nextRightSecond img {
  width: 200px;
}

.buttons {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}


/*
==========
Post Tab
==========
*/

.nav-pills {
line-height: 45px;
margin: 0;
padding: 0;
text-align: center;
margin-bottom: 80px !important;
}
.nav-pills li{
	float: left;
	color: #fff;
	border: 0;
	margin: 0;
	width: 23%;
	background: #ED2C41;
	margin-right: 15px;
}
.nav-pills li a{
	padding: 0 30px;
	text-decoration: none;
	outline: 0;
	display: block;
	line-height: 25px;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	margin: 0;
	padding: 20px 20px 19px;
	border-radius:0;
}
.nav-pills li.active a,
.nav-pills li.active a:focus,
.nav-pills li.active a:hover {
	color: #ED2C41 !important;
	background: #fff !important;
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: transparent !important;
}
.nav-pills li i {
	font-size: 30px;
	display: block;
	padding-bottom: 8px;
}
/* Tab Content */

.tab_pan_content {
padding-left: 35px;
padding-top: 11px;
}
.post_tab_thumb {
    -webkit-box-shadow: 13px 10px 14px 3px rgba(12,90,219,.1);
    box-shadow: 13px 10px 14px 3px rgba(12,90,219,.1);
    border-radius: 10px;
}
.post_tab_thumb img {
	width: 100%;
	border-radius: 10px;
}
.tab_pan_content h2 {
padding-bottom: 17px;
font-size: 24px;
margin-top: 0;
}
.tab_pan_content .tab_desc {
margin-bottom: 17px;
}
.tab_pan_content ul {
	list-style: none;
	margin: 26px 0 20px;
}
.tab_pan_content ul li {
	margin-bottom: 12px;
	font-weight: 600;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	margin-left: 20px;
}
.tab_pan_content ul li i {
	color: #ED2C41;
	margin-right: 7px;
}
.tab_pan_content a {
	display: inline-block;
	font-size: 17px;
	color: #fff;
	background: #ED2C41;
	border-radius: 6px;
	padding: 16px 40px;
	margin-top: 20px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	margin-right: 15px;
}
a.active-tab-btn {
background: #1B1829;
}
.tab_pan_content a:hover {
background: #1B1829;
}
a.active-tab-btn:hover {
background: #ED2C41;
}


@media (min-width: 768px){
.em_tab_inner .col-md-6 {
float: left ;
}}

/* Tab Style Two */
.tab_post_style2 .nav-pills {
border-bottom: 0 !important;
margin-bottom: 27px !important;
}
.tab_post_style2 .nav-pills>li.active>a:before {
display: none;
}
.tab_post_style2 .nav-pills li i {
font-size: 39px;
margin-bottom: 0;
color: #FF3C00;
width: 90px;
height: 90px;
line-height: 90px;
-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
border-radius: 100%;
margin-bottom: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.tab_post_style2 .nav-pills>li i:hover,
.tab_post_style2 .nav-pills>li.active i {
background: #FF3C00;
color: #fff;
}




/*
==========
Blog Post
==========
*/

.blog-post.style1 .post-item{
    margin-bottom: 20px;
    background-color: #f2f4fc;
    border-radius: 5px;
    overflow: hidden;
}
.blog-post.style1 .post-item .content{
    padding: 30px 30px 27px;
}
.blog-post.style1 .post-item .content .meta{
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
.blog-post.style1 .post-item .content .meta .date{
    position: relative;
    color: #616161;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-right: 20px;
    padding-right: 20px;
}
.blog-post.style1 .post-item .content .meta .date:after{
    content: '';
    position: absolute;
    right: 0;
    height: 80%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.5);
}
.blog-post.style1 .post-item .content .meta .date i{
    color: #3abba7;
    margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author i{
    color: #3abba7;
    margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author a{
    color: #616161;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.blog-post.style1 .post-item .content .title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}
.blog-post.style1 .post-item .content .title a{
    color: var(--title-color);
    font-size: 20px;
    font-family: var(--title-font);
    font-weight: 600;
    transition: 0.3s;
}
.blog-post.style1 .post-item .content .title a:hover{
    color: var(--main-color);
}
.blog-post.style1 .post-item .content .description {
    color: rgba(30, 38, 109, 0.9);
    font-weight: 300;
    margin-bottom: 20px;
}
.blog-post.style1 .post-item .content .read-more{
    display: inline-block;
    color: #1e266d;
}

/* Style Four */

.blog-post.style4 .single_blog_adn .post{
    padding: 20px;
    background-color: #fff;
}
.blog-post.style4 img{
    height: 192px;
    width: 100%;
    object-fit: cover;
}
.blog-post.style4 .content{
    padding: 14px 0 0;
}
.blog-post.style4 .content .blog-meta-left{
    margin-bottom: 18px;
}
.blog-post.style4 .content .blog-meta-left span{
    font-size: 14px;
    margin-right: 20px;
}
.blog-post.style4 .content .blog-meta-left span i{
    color: var(--main-color);
    margin-right: 10px;
}
.blog-post.style4 .content .title{
    margin-bottom: 7px;
}
.blog-post.style4 .content .title a{
    font-size: 20px;
    font-weight: bold;
    font-family: var(--title-font);
}
.blog-post.style4 .content .title a:hover{
    color: var(--main-color);
}
.blog-post.style4 .content .description{
    color: var(--title-color);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 12px;
}
.blog-post.style4 .content .read-more{
    color: #3a3a3b;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}






.luxury-single-blog_adn {
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: #fff;
    border: 0;
    box-shadow: 0 1px 2px #0003;
}
.dark-version .luxury-single-blog_adn {
	background: #0B0E3C;
	border: 1px solid rgba(255,255,255,0.1);
}
.luxury-single-blog_adn:hover {
  -webkit-box-shadow: 0 2px 4px #0003;
box-shadow: 0 2px 4px #0003 ;
}
/* BLOG THUMB CSS */

.blog_adn_thumb_inner {
	position: relative;
}
.luxury-blog-thumb_adn {
	overflow: hidden;
	position: relative;
}
.luxury-blog-thumb_adn a {
	position: relative;
}

.luxury-blog-thumb_adn a {
	display: block;
}
.luxury-blog-thumb_adn img {

}


/* BLOG TITLE AND CONTENT CSS */
.em-blog-content-area_adn {
    overflow: hidden;
    padding: 22px 22px 28px;
}
.blog-page-title_adn h2 {
    font-size: 26px;
    margin: 10px 0 20px;
    line-height: 1.2;
    position: relative;
    direction: inline-block;
}
.blog-page-title_adn h2:before {
    position: absolute;
    content: "";
    left: -22px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #f00;
}
.blog-page-title_adn a {
    margin-bottom: 0;
    text-transform: none;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    color: #232323;
    font-weight: 700;
}
.blog-page-title_adn a:hover {
	color: #ED2C41;
}
.blog-content_adn h2 a {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
.blog-content_adn h2 a:hover {
	color: #ED2C41;
}
.blog-content_adn p {
    margin: 16px 0 15px;
}
.blog-page-title_adn2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 9999;
}
.blog-page-title_adn2 h2 {
	margin: 0px;
	background: rgba(0, 0, 0, 0.72);
	padding: 15px;
	color: #fff;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.blog-page-title_adn2 h2 a {
	color: #fff;
}
/* BLOG POST META LEFT CSS */
.luxury-blog-meta_adn {
	border-top: 1px solid #ED2C41;
	margin-top: 18px;
	padding-top: 11px;
}
.luxury-blog-meta-left_adn a,
.luxury-blog-meta-left_adn span {
	color: #595555;
	font-size: 15px;
	margin-right: 16px;
	text-transform: capitalize;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: inline-block;
	text-decoration: none;
	position: relative;
}
.luxury-blog-meta-left_adn a::before {
	position: absolute;
	content: "";
	right: -11px;
	width: 1px;
	height: 18px;
	background: #595555;
	top: 5px;
}
.luxury-blog-meta-left_adn i {
	margin-right: 0px;
	color: #333;
}

.blog_nospace_adn.col-xs-12 {
	padding: 0px;
}
.blog_nospace_adn .luxury-single-blog {
	margin-bottom: 0px;
}
.btn-link {
    font-weight: 500;
    color: #616161;
    font-size: 16px;
}
.btn-link:hover {
	text-decoration:none;
    color: #ED2C41;
}
.btn-link i{
margin-left:5px;
}
.luxury-blog-meta-top{
	position:absolute; 
	left:30px; 
	top:30px;
}
.luxury-blog-meta-top li{
	display:inline-block;
}
.luxury-blog-meta-top li a {
    display: inline-block;
    background: #ED2C41;
    padding: 0 16px;
    line-height: 19px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
}
.learn_btn {
    font-weight: 500;
    font-size: 18px;
    font-family: Muli;
    height: 45px;
    width: 60px;
    display: inline-block;
    background: #ED2C41;
    line-height: 46px;
    text-align: center;
    color: #fff;
    transition: .5s;
}
.learn_btn:hover {
    background: #1a1829;
    color:#fff;
}

.blog_style_three .luxury-single-blog_adn {
    background: #222427;
}
.blog_style_three .blog-page-title_adn a {
    color: #fff;
}
.blog_style_three .luxury-blog-meta-left a, .blog_style_three .luxury-blog-meta-left span {
    color: #bcc7cd;
}

/*
=============
 Recent Post
=============
*/

.recent-post.style1 .post-item{
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #616161;
    overflow: hidden;
}
.recent-post.style1 .post-item:last-child{
    border: 0;
    margin: 0;
    padding: 0;
}
.recent-post.style1 .post-item .post-thumb{
    flex-shrink: 0;
}
.recent-post.style1 .post-item .post-thumb img{
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 10px;
}
.recent-post.style1 .post-item .content{
    padding: 0 0 0 10px;
}
.recent-post.style1 .post-item .content .meta{
    display: flex;
    align-items: center;
}
.recent-post.style1 .post-item .content .meta .date{
    position: relative;
    color: #616161;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
.recent-post.style1 .post-item .content .meta .date i{
    color: #3abba7;
    margin-right: 5px;
}
.recent-post.style1 .post-item .content .title{
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 6px;
}
.recent-post.style1 .post-item .content .title a{
    color: var(--title-color);
}
.recent-post.style1 .post-item .content .title a:hover{
    color: var(--main-color);
}
.recent-post.style1 .post-item .content .description {
    color: rgba(30, 38, 109, 0.9);
    font-weight: 300;
    margin-bottom: 20px;
}

/*
==========
Portfolio
==========
*/

.portfolio-filter .filters {
    width: 100%;
    text-align: center;
    margin-bottom: 58px;
}

.portfolio-filter ul {
    margin: 0;
    list-style: none;
    padding: 20px 0;
}

.portfolio-filter ul li {
    position: relative;
    display: inline;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 25px;
    padding: 10px 0;
    cursor: pointer;
}
.portfolio-filter ul li::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    background-color: #333333;
    top: 0;
    right: 0;
    transition: 0.3s;
}
.portfolio-filter ul li.active::before,
.portfolio-filter ul li:hover::before{
    width: 30%;
}
.portfolio-filter ul li::after{
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    background-color: #333333;
    left: 0;
    bottom: 0;
    transition: 0.3s;
}
.portfolio-filter ul li.active::after,
.portfolio-filter ul li:hover::after{
    width: 30%;
}
.portfolio-filter .content {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}
.portfolio-filter .content .single-content img {
    width: 100%;
    height: 100%;
}
.portfolio-filter .content .grid-item{
    margin-bottom: 30px;
}
.portfolio-filter .content .grid-item .single-content{
    position: relative;
    overflow: hidden;
}
.portfolio-filter .content .grid-item .single-content::before{
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.portfolio-filter .content .grid-item:hover .single-content::before{
    opacity: 1;
}
.portfolio-filter .content .grid-item .single-content .title{
    position: absolute;
    padding: 20px 40px 20px;
    left: 0;
    bottom: -100px;
    text-align: left;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.portfolio-filter .content .grid-item .single-content:hover .title{
    bottom: 0;
}
.portfolio-filter .content .grid-item .title h4{
    color: #fff;
    margin: 0;
}
.portfolio-filter .content .grid-item .title p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

/*
==================
Tab
==================
*/

.filter-tab #tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    padding-right: 2px;
}
.filter-tab #tabs a {
    cursor:pointer;
}

.filter-tab #tabs {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;

}
.filter-tab #tabs > * {
    flex-shrink: 0;
    width: 25%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.filter-tab #tabs li a {
    display:block;
    background: linear-gradient(45deg, rgba(83,62,254,1), rgba(116,15,214,1));
    border-radius: 5px; 
    text-decoration:none;
    outline:none;
    text-align: center;
    padding: 33px 30px 17px;
}
.filter-tab #tabs li a.inactive{
    background: #0f1e32;
    outline:none;
}
.filter-tab #tabs li a:hover,
.filter-tab #tabs li a.inactive:hover {
    color: #5685bc;
    outline:none;
}
.filter-tab #tabs li a img{
    max-height: 150px;
    max-width: 150px;
    object-fit: cover;
}
.filter-tab #tabs li a h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 20px;
}
.filter-tab #tabs li a p{
    color: #fff;
}
.filter-tab #tabs li a.inactive p{
    color: #828fa0;
}
.filter-tab .content {
    padding-top: 80px;
}
.filter-tab .content .title{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.filter-tab .content h2 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #5685bc;
}

.filter-tab .content .text h1,
.filter-tab .content .text h2,
.filter-tab .content .text h3,
.filter-tab .content .text h4,
.filter-tab .content .text h5,
.filter-tab .content .text h6{
    color: #fff;
}
.filter-tab .content .text h3{
    font-size: 22px;
    font-weight: 600;
}
.filter-tab .content .text p {
    color: #828fa0;
    margin-bottom: 40px;
}
.filter-tab .content .text ul{
    margin: 0 0 35px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.filter-tab .content .text ul li{
    position: relative;
    color: #828fa0;
    font-size: 16px;
    padding-left: 25px;
    margin-right: 30px;
}
.filter-tab .content .text ul li:last-child{
    margin-right: 0;
}
.filter-tab .content .text ul li::before{
    content: '\f058';
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    color: #533efe;
}










/*
==================
Effective Slider
==================
*/


.effective-area {
    min-height: 950px;
    padding: 0;
    position: relative;
}

.effective-area.overlay-white::after,
.effective-area .overlay-dark::after {
	background-color: rgba(0, 0, 0, 0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

.overlay-white:after {
	background-color: rgba(0, 0, 0, 0);
}

.effective-content {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	z-index: 1;
}

.effective-content h1 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 30px;
	color: #fff;
	/* letter-spacing: 1px; */
}

.effective-content h2 {
	color: #fff;
	font-size: 65px;
	text-transform: uppercase;
	margin: 0;
	padding: 25px 0 0;
}

.effective-content>h5 {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
}

.effective-content p {
    font-size: 18px;
    margin: 13px auto 32px;
    width: 53%;
    color: #fff;
}

.effective-area .btn {
	margin-top: 30px;
}

.scroll-next {
	bottom: 10px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1;
}

.scroll-next>a {
	border-radius: 20px;
	display: inline-block;
	height: 30px;
	width: 30px;
	position: relative;
}

.scroll-next i {
	color: #fff;
	font-size: 40px;
	left: 0;
	position: absolute;
	right: 0;
	top: -106px;
}

.effective_icon_inner {
	margin-top: 26px;
}

.effective_icon_inner a {
	display: inline-block;
	font-size: 19px;
	color: #fff;
	margin: 0px 10px;
}

.effective_slider_btn a {
    padding: 14px 36px;
    background: #ED2C41;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    margin: 0 9px;
}

.effective_slider_btn a:hover {
	background: #fff;
	color: #ED2C41;
}

/* Circle Progress */
.circle-progress h2{
    text-align: center;
    font-size: 18px;
}

.progress {
  width: 100px;
  height: 100px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 10px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress .progress-left {
  left: 0;
}
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 10px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #ED2C41;
}
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 700;
  color: #ED2C41;
}

.progress .progress-value span {
  font-size: 18px;
  text-transform: uppercase;
}

/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}


/* Service Details */
.menu-service-menu-container ul {
    list-style: none;
    padding: 0;
}
.menu-service-menu-container ul li {
     list-style: none;
    margin-bottom: 2px;
}

.menu-service-menu-container ul li a {
	position: relative;
	display: block;
	padding: 14px 15px 14px 18px;
	background-color: #F3F6F9;
	font-weight: 600;
	font-size: 17px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #232323;
	position:relative;
}
.menu-service-menu-container ul .current_page_item a {
	background-color: #ED2C41;
	color: #fff;
}

.menu-service-menu-container ul li a::after {
	content: '\f105';
	position: absolute;
	right: 16px;
	top: 12px;
	font-size: 17px;
	font-family: 'FontAwesome';
}

.menu-service-menu-container ul li a:hover{
	color:#fff;
	background:#ED2C41;
}


/* Hero Section */
.hero-single-slide{
    min-height: 887px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;    
}
.hero-content-left h1 {
    font-size: 50px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 800;
    line-height: 1.1;
}
.hero-content-left h2 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.2;
}
.hero-content-left h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hero-content-left p {
    padding-right: 70px;
    margin-bottom: 35px;
}

.banner_shape {
	position: relative;
}
.banner_shape_inner1 {
	position: absolute;
	top: 156px;
	left: 24%;
}
.banner_shape_inner2 {
	position: absolute;
	top: 220px;
	left: 56%;
}
.banner_shape_inner3 {
	position: absolute;
	top: 162px;
	left: 92%;
}
.banner_shape_inner4 {
	position: absolute;
	top: 371px;
	left: 190px;
}
.banner_shape_inner5 {
	position: absolute;
	right: -140px;
	top: 342px;
}

/* Appoinment Form */

.appointment-form{
    background: #fff;
    padding: 32px 50px 9px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
    border-radius: 7px;
    text-align: center;
}
.appointment-form h2{
    font-size: 25px;
}
.em-service.style_4 {
    margin: 0 5px !important;
    border: 1px solid #eee;
    border-radius: 5px;
    border-bottom: 3px solid #ED2C41;
}
.em-service.style_4  .em_service_content {
    overflow: hidden;
    padding: 20px 25px 30px;
}
.em-service.style_4 .em-service-icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #ED2C41;
    color: #fff;
    text-align: center;
    font-size: 40px;
    border-radius: 4px;
    display: block;
}
.em-service.style_4 .em-service-title h2 {
    font-size: 22px;
}
.em-service.style_4 .service-btn > a {
    color: #ED2C41;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.em-service.style_4 .em-service-icon {
    position: relative;
    margin-top: -43px;
    margin-left: 25px;
}

.service_cursousel_sliderr  .slick-dots {
    bottom: -35px !important;
    position: relative;
    text-align:center;
}

.service_cursousel_sliderr .slick-dots li button {
    background-color: #b1cdfb;
}
.slick-dots .slick-active button {
    background-color: #ED2C41 !important;
}









.my-accordion li {
    border: 1px solid #d9e5e8;
    position: relative;
    margin-bottom: 20px;
    list-style: none;
}
.my-accordion li p {
    display: none;
    padding: 17px 25px 3px;
    color: #616161;
    font-size: 16px;
}
.my-accordion a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    line-height: 3;
    font-size: 14px;
    font-size: 19px;
    text-indent: 15px;
    user-select: none;
    padding: 0px 10px;
}
a.active {
    background: #ED2C41;
    color: #fff;
}
a.active:hover {
    color: #fff;
}
.my-accordion a:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 30px;
    content: " ";
    top: 24px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.my-accordion a:before {
    height: 30px;
    width: 30px;
    background: #ED2C41;
    top: 13px;
    right: 18px;
    position: absolute;
    content: "";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}
.my-accordion p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  padding: 10px;
}

a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-right: 1px solid #ED2C41;
  border-bottom: 1px solid #ED2C41;
}
a.active:before {
  background: #fff;
}











/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate2 {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate3 {
  animation-name: float-bob3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate4 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
 .bounce-animate5 {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}



/* Subscribe Form */

.subscribe-form input[type="email"] {
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    outline: 0;
    width: 70%;
    border: 0;
    background: #fff;
    height: 56px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
    margin: 0;
}
.subscribe-form input[type="email"]::placeholder{
    opacity: 0.9;
}
.subscribe-form input[type="email"]:focus{
    color: #fff;
}
.subscribe-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 56px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #b98d36;
    padding: 0;
    width: 30%;
    border: 0;
    outline: 0;
    border-radius: 0;
}

/* Home Form */
.home-contact .form-control{
    margin-bottom: 20px;
    outline: 0;
    padding: 15px 30px;
}
.home-contact input.form-control{
    height: 50px;
    border: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
.home-contact .form-control::placeholder{
    color: #616161;
    font-size: 14px;
}
.home-contact input[type="submit"]{
    color: #fff;
    font-size: 16px;
    background-color: var(--main-color);
    padding: 11px 40px;
    border-radius: 5px;
    border: 0;
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
.home-contact textarea.form-control{
    height: 170px;
    border: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}

/* Contact Form */

.contact-page-form input{
    font-size: 14px;
    margin-bottom: 29px;
    border: 0;
    outline: 0;
    padding: 15px 20px 15px 52px;
}
.contact-page-form .form-control{
    background-color: transparent;
}
.contact-page-form .form-control:focus{
    background-color: transparent;
}
.contact-page-form .name,
.contact-page-form .email,
.contact-page-form .date,
.contact-page-form .message{
    position: relative;
}
.contact-page-form .name i,
.contact-page-form .email i,
.contact-page-form .date i{
    color: #616161;
    font-size: 16px;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.contact-page-form .name input,
.contact-page-form .email input,
.contact-page-form .date input{
    height: 50px;
    border: 1px solid #616161;
    border-radius: 0;
}
.contact-page-form .message textarea{
    margin-bottom: 30px;
    border: 1px solid #616161;
    border-radius: 0;
    outline: 0;
    padding: 15px 20px 15px 52px;
    height: 208px;
}
.contact-page-form .message i{
    color: var(--main-color);
    font-size: 16px;
    position: absolute;
    left: 30px;
    top: 14px;
}
.contact-page-form input::placeholder,
.contact-page-form textarea::placeholder{
    color: #232323;
    font-size: 14px;
    opacity: 1;
}
.contact-page-form input[type="submit"]{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 14px 39px;
    background: var(--main-color);
    border-radius: 0;
}
.contact-page-form .submit-btn p{
    margin-bottom: 0;
}


/*
==================
 Popular Product
==================
*/

.popular-product.style1 .single-product{
    margin-bottom: 20px;
}
.popular-product.style1 .single-product:hover{
    box-shadow: 0px 7px 17.64px 0.36px rgba(227, 227, 227, 0.18);
}
.popular-product.style1 .single-product .image{
    position: relative;
    overflow: hidden;
}
.popular-product.style1 .single-product .icon{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.popular-product.style1 .single-product:hover .icon{
    transform: translateY(-70px);
}
.popular-product.style1 .single-product .icon li{
    margin-right: 5px;
}
.popular-product.style1 .single-product .icon li a{
    display: inline-block;
}
.popular-product.style1 .single-product .icon li a i{
    display: inline-block;
    height: 47px;
    width: 47px;
    line-height: 47px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.popular-product.style1 .single-product .icon li a:hover i{
    color: #fff;
    background-color: var(--main-color);
}

.popular-product.style1 .single-product .content{
    text-align: center;
    padding: 30px 20px 28px;
}
.popular-product.style1 .single-product .content .woocommerce-loop-product__title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.popular-product.style1 .single-product .content .price span{
    color: var(--title-color);
    font-size: 16px;
    font-weight: 500;
}


/* Style Two */

.popular-product.style2 .single-product{
    position: relative;
}
.popular-product.style2 .single-product .image{
    position: relative;
    overflow: hidden;
}
.popular-product.style2 .single-product .image::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, rgba(106, 110, 73, 0.5), rgba(0, 0, 0, 0.1));
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.popular-product.style2 .single-product:hover .image::before{
    opacity: 1;
    visibility: visible;
}
.popular-product.style2 .single-product .icon{
    position: absolute;
    top: 30px;
    right: -52px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.popular-product.style2 .single-product:hover .icon{
    transform: translateX(-80px);
}
.popular-product.style2 .single-product .icon li{
    margin-bottom: 10px;
}
.popular-product.style2 .single-product .icon li a{
    display: inline-block;
}
.popular-product.style2 .single-product .icon li a i{
    display: inline-block;
    height: 47px;
    width: 47px;
    line-height: 47px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.popular-product.style2 .single-product .icon li a:hover i{
    color: #fff;
    background-color: var(--main-color);
}

.popular-product.style2 .single-product .content{
    position: absolute;
    bottom: -120px;
    padding: 30px 20px 28px;
    transition: 0.5s;
}
.popular-product.style2 .single-product:hover .content{
    bottom: 0;
}
.popular-product.style2 .single-product .content .woocommerce-loop-product__title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}
.popular-product.style2 .single-product .content .price span{
    color: var(--title-color);
    font-size: 16px;
    font-weight: 500;
}

/* Style Three */

.popular-product.style3 .single-product{
    margin-bottom: 20px;
    border: 10px solid #fff;
    border-radius: 5px;
}
.popular-product.style1 .single-product:hover{
    box-shadow: 0px 7px 17.64px 0.36px rgba(227, 227, 227, 0.18);
}
.popular-product.style3 .single-product .image{
    position: relative;
    overflow: hidden;
}
.popular-product.style3 .single-product .image img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 290px;
    width: 100%;
    object-fit: cover;
}
.popular-product.style3 .single-product .icon{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.popular-product.style3 .single-product:hover .icon{
    transform: translateY(-70px);
}
.popular-product.style3 .single-product .icon li{
    margin-right: 5px;
}
.popular-product.style3 .single-product .icon li a{
    display: inline-block;
}
.popular-product.style3 .single-product .icon li a i{
    display: inline-block;
    height: 47px;
    width: 47px;
    line-height: 47px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.popular-product.style3 .single-product .icon li a:hover i{
    color: #fff;
    background-color: var(--main-color);
}

.popular-product.style3 .single-product .content{
    text-align: center;
    padding: 30px 20px 28px;
    background-color: #f8f8f8;
}
.popular-product.style3 .single-product .content .woocommerce-loop-product__title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}
.popular-product.style3 .single-product .content .price span{
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}

/*
==================
 Elementor Custom
==================
*/

.custom-progress .elementor-progress-text {
    margin-top: -20px;
    color: #232323;
    font-size: 16px;
    padding-left: 0;
    overflow: visible;
}
.custom-progress .elementor-progress-percentage {
    padding-right: 15px;
    margin-top: -20px;
    color: #232323;
    font-size: 16px;
}