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;
} .dreamit-slick-slider {
position: relative;
min-height: 875px;
z-index: 1;
}
.single-slick.style_one{
position: relative;
min-height: 800px;
}
.slide-img, .parallax-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.dreamit-slick-slider .hero-text-wrap {
width: 100%;
position: relative;
z-index: 2;
}
.dreamit-slick-slider .hero-text-wrap h4 {
padding: 0 0 10px 56px;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
font-size: 20px;
letter-spacing: -1px;
text-transform: uppercase;
font-weight: 600;
color: #e53925;
}
.dreamit-slick-slider .hero-text-wrap h4:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 40px;
height: 2px;
background: #e53925;
}
.dreamit-slick-slider .hero-text-wrap h1 {
animation: 1s 1.6s fadeInUp both;
font-size: 68px;
line-height: 80px;
color: #e2eef5;
font-weight: 700;
}
.dreamit-slick-slider .hero-text-wrap h1 span {
padding-left: 65px;
}
.dreamit-slick-slider .hero-text-wrap .btn {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
display: inline-block;
font-family: "Outfit", sans-serif;
color: var(--theme-color-white);
background-color: var(--theme-color2);
padding: 15px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 500ms ease;
margin-top: 10px;
}
.dreamit-slick-slider .single-slick .hero-text-wrap .btn:before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: var(--theme-color-white);
left: 175px;
top: 26px;
}
.dreamit-slick-slider .single-slick .hero-text-wrap .btn::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: var(--theme-color7);
z-index: -1;
border-radius: 45px;
transition: all 500ms ease;
}
.dreamit-slick-slider .single-slick .hero-text-wrap .btn i {
display: inline-block;
margin-left: 19px;
top: 2px;
}
.dreamit-slick-slider .single-slick .hero-text-wrap .btn:hover:after {
width: 100%;
left: 0;
}
.dreamit-slick-slider .single-slick .hero-text-wrap .btn:hover, 
.dreamit-slick-slider .single-slick .hero-text-wrap .btn:hover i {
color: #0f1d37;
}
span.slick_img {
padding: 0 84px;
animation: 1s 2s fadeInDown both;
} .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 {
background-color: rgba(255,255,255,10%);
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 60px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 60px;
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: 60px;
color: #fff;
border: 0;
}
.slick-next {
background-color: rgba(255,255,255,10%);
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 60px;
top: 50%;
width: 60px;
line-height: 60px;
color: #fff;
border: 0;
}
.slick-next:hover{
background-color: #FF6D45;
color: #FFF;
}
.slick-next:hover:before{
color: #FFF;
}
.slick-next::before {
font-size: 26px;
color: #fff;
}
.dreamit-slick-slider .slick-prev {
left: -94px;
}
.dreamit-slick-slider .slick-next {
right: -80px;
top: 50%;
opacity: 1;
color: #fff;
transition: .5s;
}
.dreamit-slick-slider:hover .slick-prev {
left: 50px;
}
.dreamit-slick-slider:hover .slick-next {
right: 50px;
}
.dreamit-slick-slider .slick-prev::before,
.dreamit-slick-slider .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;
}
.dreamit-slick-slider .slick-next:before {
content: "\f105";
font-family: FontAwesome;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: #FF6D45;
color: #FFF;
border: 0;
outline:0;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
color: #fff;
} .hero-button a {
display: inline-block;
font-family: "Outfit", sans-serif;
color: #fff;
background-color: #FF6D45;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 500ms ease;
margin-top: 0;
}
.hero-button a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: #fff;
right: 62px;
top: 25px;
}
.hero-button a::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0C2318;
z-index: -1;
border-radius: 45px;
transition: all 500ms ease;
}
.hero-button a:hover:after{
left: 0;
width: 100%;
}
.hero-button a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
} .service-box.style4 {
position: relative;
z-index: 1;
border-radius: 20px;
padding: 50px 50px 50px 40px;
margin-bottom: 20px;
transition: all 300ms ease;
background: linear-gradient(247.34deg, #B0DBE5 -0.54%, #F3FDFF 39.73%, #F1FCFE 62.81%, #C9E8EF 93.75%);
}
.service-box.style4:before{
position: absolute;
content: "";
height: 100%;
width: 0;
background: #FF6D45;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.service-box.style4:hover:before{
width: 100%;
left: 0;
}
.service-box.style4 .icon img{
transition:.5s;
}
.service-box.style4:hover .icon img{
filter: brightness(0) invert(1); 
}
.service-box.style4 h3.title {
color: #0c2318;
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 13px 0 0;
transition: all 300ms ease;
}
.service-box.style4:hover h3.title{
color:#fff;
}
.service-box.style4 .service-btn a {
width: 50px;
height: 50px;
line-height: 58px;
text-align: center;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 50%;
position: absolute;
z-index: 1;
right: 30px;
top: 30px;
transition: all 300ms ease;
}
.service-box.style4:hover .service-btn a{
border-color:#fff;
background:#fff;
} .service-box.style14 {
padding: 36px 25px 32px;
position: relative;
transition: .5s;
z-index:1;
}
.service-box.style14:before{
position:absolute;
content:"";
top:0;
left:0;
height:100%;
width:100%;
z-index:-1;
transition: 500ms;
transform: scaleX(0);
transition:.5s;
background:url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Mask-group-1.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.service-box.style14:hover:before{
transform: scaleY(1);
}
.service-box.style14:hover {
transform: translateY(-8px);
}
.service-box.style14 .icon {
background: #FFFFFF;
display: inline-block;
height: 70px;
width: 70px;
line-height: 85px;
border-radius: 100%;
transition: .5s;
}
.dark .service-box.style14 .icon {
background: #15505E;
}
.dark .service-box.style14:hover .icon{
background: #FF6D45; 
}
.service-box.style14 .icon img{
transition:.5s;
}
.service-box.style14 p.description {
transition: .5s;
}
.service-box.style14:hover .icon{
background: #FF6D45; 
}
.service-box.style14:hover .service-btn a{
background: #FF6D45;
color:#fff;
}
.service-box.style14 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 20px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
margin: 31px 0 11px;
transition:.5s;
}
.service-box.style14 .service-btn a {
display: inline-block;
background: #FFFFFF;
height: 46px;
width: 46px;
line-height: 46px;
border-radius: 100%;
transform: rotate(-45deg);
font-weight: 700;
margin-top: 10px;
}
.service-box.style14:hover .icon img{
filter: brightness(0) invert(1);
}
.service-box.style14:hover h3.title,
.service-box.style14:hover p.description{
color:#fff;
} .service-box.style15 {
padding: 36px 42px 28px;
}
.service-box.style15 .icon {
background: #0B4654;
display: inline-block;
height: 70px;
width: 70px;
line-height: 85px;
border-radius: 100%;
transition: .5s;
text-align: center;
}
.service-box.style15 .service-number {
font-family: Outfit;
font-weight: 600;
font-size: 70px;
line-height: 38px;
color: #fff;
opacity: 0.1;
display: inline-block;
float: right;
}
.service-box.style15 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 20px;
color: #fff;
margin: 30px 0 12px;
transition:.5s;
}
.service-box.style15 p.description {
margin: 0 0 0;
color: #fff;
opacity: 0.4;
line-height: 25px;
}
.service-box.style15:hover .icon{
background:#FF6D45;
}
.service-box.style15:hover h3.title{
color:#FF6D45;
} .service-box.style19 .image {
background: #0B4654;
border-radius: 20px;
line-height:0;
transition:.5s;
}
.service-box.style19:hover .image{
background:#FF6D45;   
}
.service-box.style19 .image img {
clip-path: polygon(17% 0, 0 20%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
border-radius: 20px;
}
.service-box.style19 .icon {
height: 60px;
width: 60px;
text-align: center;
border-radius: 100%;
background: rgba(11, 70, 84, 1);
line-height: 84px;
transition:.5s;
}
.service-box.style19:hover .icon{
background:#FF6D45; 
}
.service-box.style19 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 26px;
text-transform: uppercase;
margin: 22px 0 37px;
}
.service-box.style19 p.description {
margin: 0 0 27px;
}
.service-box.style19 .service-content {
display: inline-block;
position: relative;
z-index: 1;
transition: .5s;
background: #0B4654;
border-radius: 20px 20px 25px 25px;
max-width: 83%;
right: 0;
left: inherit;
margin: auto;
margin-top: -196px;
float: right;
text-align: left;
padding: 39px 33px 35px;
}
.service-box.style19 .service-content:before {
position: absolute;
content: "";
top: 4px;
height: 98%;
width: 97.7%;
background: #fff;
z-index: -1;
left: 4px;
border-radius: 24px;
clip-path: polygon(79% 0, 100% 20%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
transition:.5s;
}
.service-box.style19:hover .service-content{
background:#FF6D45;
}
.service-box.style19 .service-btn a {
display: inline-block;
height: 46px;
width: 46px;
line-height: 46px;
text-align: center;
border: 1px solid rgba(11, 70, 84, 0.1);
border-radius: 100%;
background: rgba(255, 255, 255, 1);
transform: rotate(-45deg);
font-weight: 700;
transition: .5s;
}
.service-box.style19:hover .service-btn a{
background:#FF6D45;
border-color:#FF6D45;
color:#fff;
} .service-box.style20 {
transition: .5s;
position: relative;
}
.service-box.style20 .image {
background: linear-gradient(162deg, #FF6D45 0, #0B4654 100%);
backdrop-filter: blur(60px);
line-height: 0;
padding: 10px;
border-radius: 20px 20px 0 0px;
clip-path: polygon(
0 0,
100% 0,
100% 78%,
82% 100%,
0 100%
);
}
.service-box.style20 .service-content {
text-align: center;
padding: 60px 28px 32px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(60px);
clip-path: polygon(83% 0, 100% 28%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
border-radius: 0 0 20px 20px;
}
.service-box.style20 .service-number {
position: absolute;
top: 52%;
z-index: 2;
right: 0;
text-align: center;
margin: auto;
left: 50%;
transform: translate(-50%, -50%);
}
.service-box.style20 span.service-box-number {
font-family: Outfit;
font-weight: 600;
font-size: 38px;
text-align: center;
text-transform: uppercase;
color: #fff;
display: inline-block;
position: relative;
z-index: 1;
height: 86px;
width: 86px;
line-height: 86px;
text-align: center;
}
.service-box.style20 span.service-box-number:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 86px;
width: 86px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/05/bg-1-5.png);
background-repeat: no-repeat;
z-index: -1;
background-position: center center;
}
.service-box.style20 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 22px;
text-align: center;
text-transform: uppercase;
color: #fff;
margin: 44px 0 10px;
}
.service-box.style20 p.description {
color: #BCBFC1;
margin: 0 0 0;
}
.center-box .service-box.style20 .image {
background: linear-gradient(162deg, #FF6D45 0, #0B4654 100%);
backdrop-filter: blur(60px);
line-height: 0;
padding: 10px;
border-radius: 20px 20px 0 0px;
clip-path: polygon(
0 0,
100% 0,
100% 78%,
82% 100%,
0 100%
);
clip-path: polygon(
0 0,
100% 0,
100% 75%,
82% 100%,
18% 100%,
0 78%
);
}
.center-box .service-box.style20 .service-content {
clip-path: polygon(17% 0%, 83% 0%, 100% 25%, 100% 80%, 100% 100%, 21% 100%, 0 100%, 0% 28%);
}
.slast-box .service-box.style20 .image {
background: linear-gradient(162deg, #FF6D45 0, #0B4654 100%);
backdrop-filter: blur(60px);
line-height: 0;
padding: 10px;
border-radius: 20px 20px 0 0px;
clip-path: polygon(
0 0,
100% 0,
100% 100%,
19% 100%,
0 78%
);
}
.slast-box .service-box.style20 .service-content {
clip-path: polygon(
0 0,
100% 0,
100% 100%,
0 100%,
0 28%,
19% 0
);
} .service-box.style21 {
position: relative;
transition: .5s;
}
.service-box.style21 .image {
background: linear-gradient(162deg, #FF6D45 0, #0B4654 100%);
backdrop-filter: blur(60px);
line-height: 0;
padding: 15px;
border-radius: 20px 20px 20px 20px;
clip-path: polygon(0 0, 100% 0, 100% 78%, 82% 100%, 0 100%);
clip-path: polygon(87% 0, 100% 13%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.item-two .service-box.style21 .image {
clip-path: polygon(15% 0, 0 13%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.service-box.style21 .service-content {
clip-path: polygon(13% 0%, 88% 0%, 100% 31%, 100% 85%, 100% 100%, 2% 100%, 0 100%, 0% 32%);
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(50px);
position: absolute;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
max-width: 70%;
padding: 32px 32px 33px;
text-align: center;
border-radius: 20px;
transition: .5s;
}
.service-box.style21 p.description {
background: rgba(255, 255, 255, 0.15);
display: inline-block;
ackdrop-filter: blur(50px);
border: 1px solid rgba(255, 255, 255, 0.2);
font-family: Outfit;
font-weight: 500;
font-size: 14px;
line-height: 28px;
text-align: center;
border-radius: 30px;
padding: 3px 23px;
color: #E8EAE6;
}
.service-box.style21 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 24px;
line-height: 34px;
text-align: center;
text-transform: uppercase;
color: #ffff;
margin: 0;
}
.service-box.style21 .service-btn {
margin-top: 24px;
}
.service-box.style21 .service-btn a {
display: inline-block;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
height: 60px;
width: 60px;
line-height: 60px;
border-radius: 100%;
font-size: 27px;
font-weight: 700;
transition: .5s;
color: #fff;
transform: rotate(-45deg);
}
.service-box.style21:hover .service-btn a{
border-color:#FF6D45;
background: #FF6D45;
}
.services-carousel-box.style1 {
padding: 0 0 60px;
margin-bottom: 20px;
}
.services-carousel-thumb {
position: relative;
z-index: 1;
}
.services-content {
position: absolute;
z-index: 1;
width: 92%;
right: 0;
bottom: -82px;
background: #0B4654;
border-radius: 20px;
padding: 21px 0px 35px 35px;
transition: 0.5s;
}
.services-content::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0%;
width: 100%;
background: #1F5A68;
transition: 0.5s;
z-index: -1;
border-radius: 20px;
top: auto;
}
.services-carousel-icon img {
width: auto !important;
display: inline-block !important;
}
.services-carousel-thumb img {
border-radius: 20px;
}
.services-carousel-icon {
float: right;
width: 70px;
height: 70px;
line-height: 95px;
background: #FF6D45;
text-align: center;
border-radius: 10px 0px 0px 10px;
margin-top: -70px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.services-carousel-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 10px 0px 0px 10px;
background-color: #FF853F;
transition: all 500ms ease;
}
.services-carousel_content h4 a {
transition: .5s;
}
.services-carousel-icon:hover:before {
transform: scale(1);
}
.style1.services-carousel-box:hover .services-content:before {
height: 100%;
top: 0;
}
.services-carousel-box:hover .services-carousel_content h4 a {
color: #FF853F;
}
.services-carousel .owl-nav {
position: absolute;
top: -166px;
right: 0;
}
.services-carousel.style1  button.owl-prev i,  .services-carousel.style1  button.owl-next i {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
z-index: 5;
display: inline-block;
}
.services-carousel .owl-nav button.owl-prev {
margin-right: 10px;
}
.services-carousel button.owl-prev:hover i, .services-carousel button.owl-next:hover i {
background: var(--theme-color2);
color: #fff;
}
.testimonial.style3 .owl-nav {
position: absolute;
top: -166px;
right: 154px;
}
.testimonial.style3 button.owl-prev i,  .testimonial.style3 button.owl-next i {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: rgba(255, 255, 255, 0.5);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
z-index: 5;
display: inline-block;
margin-right:14px;
}
.testimonial.style3 button.owl-prev i:hover, .testimonial.style3 button.owl-next i:hover {
background: var(--theme-color2);
color: #fff;
} .services-carousel-box.style2 {
border-radius: 20px;
padding: 20px 20px 40px;
margin-bottom: 20px;
background: #15505E;
}
.style2 .services-carousel-thumb {
padding-bottom: 17px;
overflow: hidden;
}
.services-carousel-thumb::before {
position: absolute;
z-index: -1;
content: "";
width: 100%;
height: 96%;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/servic-caro-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
top: -1px;
left: 0;
border-radius: 20px;
transform: translateY(-7px);
transition: 0.5s;
opacity: 0;
}
.style2.services-carousel-box .services-carousel-icon::before {
border-radius: 10px;
}
.style2 .services-carousel_content {
padding: 28px 20px 0 20px;
}
.style2.services-carousel-box .service-btn a {
display: flex;
justify-content: space-between;
color: var(--theme-color-white);
border: 1px solid rgba(255, 255, 255, 0.15);
font-family: var(--title-font);
font-weight: 500;
font-size: 16px;
padding: 10px 30px;
border-radius: 40px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.style2.services-carousel-box .service-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: #FF853F;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.style2.services-carousel-box:hover .service-btn a:before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.style2.services-carousel-box:hover .services-carousel-thumb::before {
transform: translateY(8px);
opacity: 1;
}
.style2 .services-carousel-icon {
float: left;
border-radius: 10px;
left: 20px;
margin-top: -52px;
width: 66px;
height: 66px;
}
.style2.services-carousel-box:hover .services-carousel-icon::before {
transform: scale(1);
} .single-counter.style_four {
border-radius: 20px;
padding: 50px 40px 32px 40px;
position: relative;
z-index: 1;
overflow: hidden;
overflow: hidden;
}
.style_four.single-counter:before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.style_four.style_four.single-counter:hover:before{
height: 250%;
transition: all 600ms linear;
background-color: transparent;
} .icon-box.style4 {
display: flex;
background: rgba(255, 255, 255, 0.6);
align-items: center;
border-radius: 70px;
margin-bottom: 22px;
box-shadow: 0px 5px 40px 10px rgba(65, 197, 117, 0.1019607843);
padding: 15px 40px 15px 20px;
position: relative;
z-index: 1;
transition: 0.5s;
}
.icon-box.style4 .img-icon {
display: inline-block;
width: 60px;
height: 60px;
line-height: 80px;
background: #FF6D45;
border-radius: 50%;
text-align: center;
transition: 0.5s;
} .icon-box.style23 {
border-radius: 15px;
padding: 31px 70px 13px;
transition: .5s;
display: flex;
align-items: center;
clip-path: polygon(-39% 0, 0 93%, 0 33%, 0 100%, 102% 100%, 101% 66%, 100% 0);
}
.icon-box.style23 .title h4 {
font-family: Outfit;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
color: rgba(11, 70, 84, 1);
margin: 0 0 10px;
}
.icon-box.style23 .icon-box-icon {
flex-shrink: 0;
position: relative;
top: -9px;
}
.icon-box.style23 .img-icon {
height: 60px;
width: 60px;
text-align: center;
line-height: 89px;
background: rgba(255, 255, 255, 1);
border-radius: 100%;
position: relative;
z-index: 1;
margin-right: 43px;
}
.icon-box.style23 .img-icon:after {
position: absolute;
content: "";
top: 0;
left: -12px;
border: dashed 1px rgba(11, 70, 84, 0.5);
height: 84px;
width: 84px;
right: 0;
bottom: 0;
border-radius: 100%;
margin: auto;
} .active-box .icon-box.style23{
clip-path:none; 
padding: 33px 45px 15px;
}
.active-box .icon-box.style23 .img-icon:after {
border: dashed 1px rgba(185, 187, 169, 0.5);
}
.active-box  .icon-box.style23 .img-icon {
background: #42747F;
}
.last-box .icon-box.style23 {
clip-path: polygon(9% 0, 0 95%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
h4.title {
transition: .5s;
}
.loginet-hover-box {
background-color: #FF6D45;
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 70px 0px 0px 70px;
}
.hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 70px 70px 0px;
}
.icon-box.style4:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.icon-box.style4:hover .img-icon {
background: #fff;
}
.img-icon img{
transition: .5s;
}
.icon-box.style4:hover .img-icon img {
filter: brightness(1) invert(1);
animation: bd-bounce 800ms ease-out alternate;
-webkit-animation: bd-bounce 800ms ease-out alternate;
}
.icon-box.style4:hover .img-icon {
background: #fff;
}
.icon-box.style4:hover .icon-box-content h4.title{
color: #fff;
}
.box-style2 .loginet-hover-box {
background-color: #FF853F;
}
.box-style2 .icon-box.style4 .img-icon {
background: #FF853F;
}
.box-style2 .icon-box.style4:hover .img-icon {
background: #fff;
}
.box-style3 .loginet-hover-box {
background-color: #0C2318;
}
.box-style3 .icon-box.style4 .img-icon {
background: #0C2318;
}
.box-style3 .icon-box.style4:hover .img-icon {
background: #fff;
}
@keyframes bd-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0) translateX(0%);
}
40% {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px) translateX(0%);
}
60% {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px) translateX(0%);
}
} .style2.case-study .single_case_study {
background: #15505E;
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
margin-bottom: 20px;
transition: .5s;
}
.style2.case-study .single_case_study::after {
position: absolute;
content: "";
z-index: -1;
width: 100%;
height: 0%;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/case-shape.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
left: 0;
right: 0;
top: 50%;
transition: 0.5s;
}
.style2.case-study .single_case_study:hover:after {
height: 100%;
}
.loginet-bf {
position: relative;
z-index: 1;
overflow: hidden;
}
.loginet-bf::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.style2.case-study .single-cases-study:hover .loginet-bf::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.case-study.style2 .case-study-thumb img {
width: 100%;
border-radius: 15px;
}
.cases-study-content {
display: flex;
justify-content: space-between;
align-items: end;
padding: 45px 26px 15px;
}
.case-study.style2 span.category-item {
display: inline-block;
background: rgba(255,255,255,7%);
color: #FF6D45;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 2px;
}
.case-study.style2 .single_case_study h2.title a {
display: inline-block;
transition: .5s;
}
.case-study.style2 .single_case_study h2.title a:hover {
color: var(--theme-color7);
color: fff;
}
.style2 .single_case_study .case-study-btn a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: var(--theme-color2);
background: var(--theme-color5);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
}
.style2 .single_case_study .case-study-btn a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: var(--theme-color2);
transition: all 500ms ease;
}
.style2 .single_case_study:hover .case-study-btn a::before {
transform: scale(1);
}
.style2 .single_case_study:hover .case-study-btn a {
color: #fff;
}
.icon2 .work-process.style1 .icon {
background-color: #fff;;
border: 2px solid var(--theme-color2);
}
.box-2 .case-study.style2 .single_case_study span.category-item {
background: transparent;
border: 1px solid rgba(12, 35, 24, 0.1);
}
.box-2 .style2 .single_case_study .case-study-btn a {
background: transparent;
border: 1px solid rgba(12, 35, 24, 0.1);
}
.owl-nav {
position: absolute;
top: -166px;
right: 0;
} .form-group input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 54px;
border: 1px solid rgba(12, 35, 24, 0.15);
outline: 0;
background: transparent;
border-radius: 50px;
padding: 0 35px 0 30px;
}
.form-group textarea.wpcf7-form-control.wpcf7-textarea {
transition: 0.3s;
outline: 0;
width: 100%;
height: 137px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
border-radius: 30px;
padding: 20px 35px 0 30px;
}
.option-box select {
color: var(--theme-color2);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
background: transparent;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 50px;
outline: 0;
display: inline-block !important;
}
.form-group .buttons input {
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
display: inline-block;
color: #fff;
background: var(--theme-color2);
border-radius: 45px;
padding: 13px 35px;
position: relative;
z-index: 1;
margin-top: 5px;
width: inherit;
border: 0;
}
.form-group .buttons input:hover{
background: var(--theme-color7);
}
.form-group .buttons p {
margin: 0;
}
.style2 .form-group input {
border: 1px solid rgba(255, 255, 255, 0.15);
}
.style2 .form-group textarea.wpcf7-form-control.wpcf7-textarea {
border: 1px solid rgba(255, 255, 255, 0.15);
}
.style2 .option-box select{
border: 1px solid rgba(255, 255, 255, 0.15);
}
.form-group input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #4D6459!important;
}
.form-group textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #4D6459 !important;
} .hero-text.style2 a.button {
display: inline-block;
font-family: "Outfit", sans-serif;
color: #fff;
background-color: #FF6D45;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 500ms ease;
margin-top: 14px;
}
.hero-text.style2 a.button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: #fff;
left: 175px;
top: 26px;
}
.hero-text.style2 a.button::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0C2318;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.hero-text.style2 a.button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
}
.hero-text.style2 a.button:hover:after{
left: 0;
width: 100%;
}
.hero-text.style2 a.button:hover{
color: #fff;
}
.icon-box.style8 .icon-box-icon {
float: left;
margin-right: 10px;
}
.single-counter.style_seven .icon {
float: left;
} .service-box.style5 {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 30px;
}
.service-box.style5::before {
position: absolute;
content: "";
top: 0;
width: 0;
right: 0;
height: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Bg-2-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
transition: .5s;
border-radius: 30px;
}
.service-box.style5 .content {
padding: 0 19px 0;
position: relative;
z-index: 1;
}
.service-box.style5 .content .icon {
display: inline-block;
width: 70px;
height: 80px;
text-align: center;
line-height: 108px;
background: #FF6D45;
border-radius: 25px 10px 25px 10px;
clip-path: polygon(0% 12px, 100% 0, 100% 88%, 0% 100%);
position: absolute;
right: 35px;
top: -91px;
}
.service-box.style5 .content .icon::before {
position: absolute;
content: "";
width: 0;
right: 0;
height: 100%;
background: #0B4654;
transition: 1s;
border-radius: 25px 10px 25px 10px;
}
.service-box.style5 .content .icon img {
filter: brightness(0) invert(1);
transition: .5s;
}
.service-box.style5 .service-btn a {
display: inline-block;
position: absolute;
right: -16px;
bottom: -54px;
text-align: center;
border: 1px solid #ffffff33;
transition: .5s;
z-index: 1;
overflow: hidden;
}
.service-box.style5 .service-btn a::before {
position: absolute;
content: "";
width: 0;
right: 0;
height: 100%;
background: #FF6D45;
transition: 1s;
border-radius: 30px;
z-index: -1;
}
.service-box.style5:hover .content .icon:before {
width: 100%;
left: 0;
}
.service-box.style5:hover .service-btn a:before {
width: 100%;
left: 0;
}
.service-box.style5:hover .service-btn a i {
color: #fff;
}
.service-box.style5:hover .content .icon img {
filter: brightness(1) invert(0);
}
.service-box.style5:hover:before {
width: 100%;
left: 0;
} .service-box.style6 {
display: flex;
position: relative;
z-index: 1;
}
.service-box.style6:before {
position: absolute;
content: "";
left: 0;
top: 0;
clip-path:  path("M0,0H567A20,20 0,0,1 587,20V43A20,20 0,0,0 607,63H630A20,20 0,0,1 650,83V270A0,0 0,0,1 650,270H0A0,0 0,0,1 0,270V0A0,0 0,0,1 0,0Z");
width: 650px;
height: 270px;
background-color: #ffffff;
aspect-ratio: 65 / 27;
border-radius: 20px;
}
.service-box.style6 .image {
flex-shrink: 0;
padding-right: 35px;
}
.service-box.style6 .image img {
border-radius: 20px;
}
.service-box.style6 .content {
padding: 30px 0 0;
position:relative;
}
.service-box.style6 .service-number {
position: absolute;
top: 0px;
right: -29px;
transition: .5s;
}
.service-box.style6:hover .service-number span {
color: #FF6D45 !important;
}
.choose-dark .service-box.style6:before {
position: absolute;
content: "";
left: 0;
top: 0;
clip-path: path("M0,0H567A20,20 0,0,1 587,20V43A20,20 0,0,0 607,63H630A20,20 0,0,1 650,83V270A0,0 0,0,1 650,270H0A0,0 0,0,1 0,270V0A0,0 0,0,1 0,0Z");
width: 650px;
height: 270px;
background-color: #0B4654;
aspect-ratio: 65 / 27;
border-radius: 20px;
} .testimonial.style4.style5 .testi_content {
background: #F8F9F4;
padding: 32px 30px 10px;
border-radius: 25px;
margin-top: 40px;
position: relative;
z-index: 1;
}
.testimonial.style4.style5 .testi_content::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background: #FF6D45;
border-radius: 30px;
right: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.testimonial.style4.style5 .testimonial-item:hover .testi_content:before {
width: 100%;
left: 0;
}
.testimonial.style4.style5 .author {
margin-right: 20px;
}
.testimonial.style4.style5 .author_content {
display: flex;
margin-left: 15px;
}
.testimonial.style4.style5 .ratting {
display: flex;
}
.testimonial.style4.style5 p.ratting_text {
margin-left: 7px;
transition: .5s;
}
p.quote_two, p.quote, .testi-star i {
transition: .5s !important; 
}
.testimonial.style4.style5 .testimonial-item:hover p.quote_two, .testimonial.style4.style5 .testimonial-item:hover p.ratting_text, 
.testimonial.style4.style5 .testimonial-item:hover p.quote, .testimonial.style4.style5 .testimonial-item:hover .testi-star i {
color: #fff !important;
}
.testimonial.style4.style5 .owl-dots {
text-align: center;
position: relative;
z-index: 1;
padding: 55px 0 0;
}
.testimonial.style4.style5 button.owl-dot {
width: 16px;
height: 16px;
border: 2px solid #0C231833!important;
border-radius: 30px;
margin-right: 7px;
}
.testimonial.style4.style5 button.owl-dot.active {
width: 16px;
height: 16px;
padding: 5px;
background: #FF6D45 !important;
border: 2px solid #FF6D45 !important;
display: inline-block;
} .testimonial-item.style8 {
display: flex;
align-items: center;
text-align: left;
}
.testimonial.style8 .testi_content {
margin-left: 48px;
}
.testimonial.style8 .quote::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: -338px;
bottom: -67px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Vector-49-1.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.testimonial.style8 .author {
display: inline-block;
flex-shrink: 0;
}
.testimonial.style8 .quote_img{
display: inline-block;   
}
.testimonial.style8 .quote {
font-family: Outfit;
font-weight: 500;
font-size: 28px;
line-height: 40px;
text-align: left;
color: #0B4654;
margin-top: 17px;
position: relative;
display: inline-block;
}
.testimonial.style8 .name {
font-family: Outfit;
font-weight: 500;
font-size: 28px;
text-align: left; 
color: #0B4654;
margin: 51px 0 0;
}
.testimonial.style8 .owl-nav {
position: absolute;
top: inherit;
right: 0;
bottom: 11px;
}
.testimonial.style8 button.owl-prev i, 
.testimonial.style8 button.owl-next i {
display: inline-block;
background: #F0F8FA;
border: 1px solid #0B46541A;
height: 60px;
width: 60px;
line-height: 60px;
border-radius: 100%;
transition: .5s;
font-size: 22px;
margin: 0 9px;
}
.testimonial.style8 button.owl-prev i:hover,
.testimonial.style8 button.owl-next i:hover{
background:#FF6D45;
color:#fff;
} .testimonial-item.style10 {
background: #0B4654;
border-radius: 20px;
padding: 54px 46px 34px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
transition:.5s;
}
.testimonial-item.style10:hover{
background:#FF6D45;
}
.testimonial-item.style10:before {
position: absolute;
content: "";
top: 19px;
left: 15px;
height: 92%;
width: 38%;
background: #F0F8FA;
z-index: 1;
border-radius: 20px 0 0 20px;
bottom: 0;
}
.testimonial-item.style10:after {
position: absolute;
content: "";
top: 19px;
left: 15px;
height: 92%;
width: 96%;
background: #FFFFFF;
z-index: -1;
border-radius: 20px 20px 20px 20px;
bottom: 0;
clip-path: polygon(89% 0, 100% 23%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.testimonial-item.style10 ul.list_dsc li {
border: 1px solid rgba(11, 70, 84, 0.2);
display: inline-block;
padding: 2px 19px;
border-radius: 30px;
margin: 0 0 8px;
transition: .5s;
font-family: Outfit;
font-weight: 500;
font-size: 14px;
text-align: center;
text-transform: uppercase;
}
.testimonial-item.style10 .list {
margin-top: 173px;
}
.testimonial-item.style10 ul.list_dsc li:nth-child(1) {
position: relative;
left: 50px;
top: 33px;
}
.testimonial-item.style10 ul.list_dsc li:nth-child(2) {
position: relative;
left: 108px;
top: 41px;
}
.testimonial-item.style10 ul.list_dsc li:hover{
background:#FF6D45;
color:#fff;
}
.testimonial-item.style10 .quote_img {
display: flex;
align-items: center;
}
.testimonial-item.style10 .quote_img img {
display: inline-block;
margin-right: 13px;
}
.testimonial-item.style10 .Inner_content {
margin-right: 161px;
z-index: 22;
}
.testimonial-item.style10 .author_content {
display: flex;
align-items: center;
gap: 20px;
}
.testimonial-item.style10 .author img{
width:56px;
height:56px;
border-radius:100%;
}
.testimonial-item.style10 h4.name {
font-family: Outfit;
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: rgba(11, 70, 84, 1);
margin: 0 0 7px;
}
.testimonial-item.style10 h5.designation {
color: #FFFFFF;
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
margin: 0 0 0;
color: rgba(11, 70, 84, 1);
}
.testimonial-item.style10 p.quote_two {
font-family: Outfit;
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
color: rgba(0, 0, 0, 1);
margin: 0;
}
.testimonial-item.style10 .testi-star i.active {
color: #FBC02D;
font-size: 18px;
margin-top: 80px;
}
.testimonial-item.style10 p.quote {
font-family: Outfit;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: rgba(11, 70, 84, 1);
margin: 27px 0 0;
}
.style_2 .section-title.style1 .subtitle {
border: 0;
padding: 0;;
}
.style_2.two span.icon img {
filter: brightness(0) invert(1);
} .service-box.style7 {
position: relative;
z-index: 1;
overflow: hidden;
}
.service-box.style7 .content {
padding: 0 24px 0;
}
.service-box.style7 p.description {
margin: 0;
}
.service-box.style7 .image {
position: relative;
top: 7px;
} .section-title.style5 h5.subtitle {
font-family: Outfit;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
background: #FFFFFF12;
display: inline-block;
padding: 6px 17px;
border: 1px solid #FFFFFF26;
backdrop-filter: blur(10px);
border-radius: 30px;
color: #FF6D45;
margin: 0 0 23px;
}
.section-title.style5 h3.title, .section-title.style5 h2 {
font-family: Outfit;
font-weight: 800;
font-size: 70px;
line-height: 80px;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.section-title.style5.center h5.subtitle {
font-family: Outfit;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
background: transparent;
display: inline-block;
padding: 6px 17px;
border: none;
backdrop-filter: blur(0px);
border-radius: 0px;
color: #FF6D45;
margin: 0 0 23px;
}
.section-title.style5.left h5.subtitle {
font-size: 16px;
background: transparent;
padding: 0;
border: none;
backdrop-filter: blur(0px);
border-radius: 0px;
}
.section-title.style5.center p.description {
width: 48%;
margin: 0 auto 0;
}
.section-title.style5.left p.description {
width: 92%;
font-size: 18px;
line-height: 28px;
margin: 21px 0 0;
} .section-title.style7 h5.subtitle {
font-weight: 500;
font-size: 14px;
color: #FF6D45;
text-transform: uppercase;
display: inline-block;
border-radius: 0;
padding: 10px 43px;
margin: 0;
position: relative;
z-index: 1;
background: #F0F8FA;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section-title.style7 h5.subtitle:before {
position: absolute;
content: "";
top: 8px;
right: 2px;
height: 20px;
width: 8px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/05/sub.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section-title.style7 h5.subtitle:after {
position: absolute;
content: "";
top: 8px;
left: 2px;
height: 20px;
width: 8px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/05/sub2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section-title.style7 h3.title {
font-family: Outfit;
font-weight: 700;
font-size: 50px;
line-height: 59px;
text-transform: uppercase;
margin: 0;
} .team.style4 {
position: relative;
z-index: 1;
transition: 500ms;
text-align: center;
}
.team.style4:hover {
transform: translateY(-8px);
}
.team.style4:before {
position: absolute;
content: "";
bottom: -22px;
left: 9px;
height: 90%;
width: 96%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Rectangle.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
right: 0;
margin: auto;
text-align: center;
transition: 500ms;
transform: scaleX(0);
}
.team.style4:hover:before{
transform: scaleX(1); 
}
.team.style4 ul.social-icon li {
list-style: none;
display: inline-block;
margin:0 5px;
}
.team.style4 ul.social-icon li a {
display: inline-block;
border: 1px solid #FFFFFF26;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
color: #fff;
opacity:0;
transition: 500ms;
}
.team.style4:hover ul.social-icon li a{
opacity:1;
}
.team.style4 h2.name a {
display: inline-block;
font-family: Outfit;
font-weight: 600;
font-size: 16px;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.team.style4 h5.designation {
font-family: Outfit;
font-weight: 400;
font-size: 15px;
margin: 0;
color: #fff;
opacity: 0.6;
}
.team.style4 .content {
position: absolute;
bottom: 57px;
left: 0;
right: 0;
z-index: 1;
opacity:0;
transition: 500ms;
}
.team.style4 .content:before {
content: "";
bottom: -24px;
left: 0;
height: 142px;
width: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Polygon-2.png);
background-position: center center;
background-repeat: no-repeat;
position: absolute;
z-index: -1;
transition: 500ms;
transform: scaleX(0);
}
.team.style4:hover .content:before{
transform: scaleX(1);  
}
.team.style4:hover .content{
opacity:1;
} .brand.style2 .brand-item img {
width: 76%;
} .dreamit-image-gallery-wrapper {
display: flex;
gap: 10px;
width: 100%;
height: 550px;
overflow: hidden;
border-radius: 20px;
}
.dreamit-image-panel {
position: relative;
overflow: hidden;
flex: 1;
background-size: cover;
background-position: center;
border-radius: 15px;
transition: flex 0.5s ease-in-out;
cursor: pointer;
}
.dreamit-image-panel:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(12, 35, 24, 0) 30%, #0C2318 80%);
transition: .5s;
}
.active.dreamit-image-panel:after {
position: absolute;
content: "";
bottom: -226px;
right: -348px;
width: 100%;
height: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/bg-1-3.png);
transition: .5s;
background-repeat: no-repeat;
background-position: center;
}
.dark .active.dreamit-image-panel:after {;
background: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2025/10/bg-1-1.png);
background-repeat: no-repeat;
background-position: center;
}
.dark .dreamit-image-panel:before {
background: linear-gradient(180deg, rgba(24, 47, 36, 0.1) 30%, #182F24 80%);
}
.dreamit-image-panel.active {
flex: 4;
} .dreamit-image-panel .overlay-content {
position: absolute;
left: 0px;
right: 0;
margin: auto;
bottom: -236px;
z-index: 2;
text-align: center;
transition: all 0.5s ease-in-out;
}
.dreamit-image-panel.active .overlay-content {
bottom: 30px;
text-align: left;
left: 50px;
}
.dreamit-image-panel .overlay-content h2 {
writing-mode: sideways-rl;
margin: 0;
transition: all 0.5s ease-in-out;
text-transform: uppercase;
transform: rotate(180deg);
display: inline-table;
}
.dreamit-image-panel.active .overlay-content h2 {
writing-mode: horizontal-tb;
transform: rotate(0deg); 
}
.dreamit-image-panel .overlay-content p {
opacity: 0;
transform: translateY(20px);
transition: all 0.5s ease-in-out;
margin: 20px 0 10px;
width: 70%;
}
.dreamit-image-panel.active .overlay-content p {
opacity: 1;
transform: translateY(0);
}
.overlay-content .dreamit-btn {
display: inline-block;
padding: 10px 18px;
width: 55px;
height: 55px;
line-height: 37px;
text-align: center;
background: #FFFFFF4D;
color: #fff;
border-radius: 50px;
text-decoration: none;
display: inline-block;
transform: translateY(20px);
transition: all 0.5s ease-in-out;
}
.dreamit-image-panel.active .overlay-content .dreamit-btn {
opacity: 1;
transform: translateY(0);
background: #FF6D45;
position: absolute;
right: 0px;
bottom: -22px;
}
.dark-work .active.dreamit-image-panel:after {
position: absolute;
content: "";
bottom: -226px;
right: -348px;
width: 100%;
height: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/bg-1-4.png);
transition: .5s;
background-repeat: no-repeat;
background-position: center;
} .single_skill.style3 .skill-title {
font-family: Outfit;
font-weight: 600;
font-size: 22px;
text-transform: uppercase;
color: #0B4654;
margin-bottom: 18px;
}
.single_skill.style3 .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
width: 100%;
height: 1px;
background-color: #DBE6EA;
}
.single_skill.style3 .skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: -1px;
width: 0px;
height: 3px;
}
.single_skill.style3 .skills .skill-item {
position: relative;
margin-bottom: 21px;
}
.transport .dreamit-tab-wrapper.style-one .tab_thumb {
position: relative;
left: 0;
} .service-item-list.style3 {
display: inline-block;
background: #0B46540D;
border: 1px solid #0B46540D;
padding: 19px 32px;
border-radius: 20px;
}
.service-item-list.style3 ul.item-list li {
list-style: none;
display: inline-block;
color: #0B4654;
font-size: 22px;
font-weight: 500;
}
.service-item-list.style3 ul.item-list li svg {
margin-right: 5px;
}
.dark .project-section-one .project-box .project-box-item  .project-box {
background: linear-gradient(247.34deg, #0B4654 -0.54%, #1F5A68 39.73%, #1F5A68 62.81%, #1F5A68 93.75%);
}
.service-box.style9 {
background: #fff;
border-radius: 30px;
transition: .5s;
}
.service-box.style9 .image {
line-height: 0;
}
.service-box.style9  .service-number span {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: #FF6D45;
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 5px 20px;
position: relative;
top: -25px;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.service-box.style9 .service-content {
padding: 10px 40px 30px;
}
.service-box.style9  h3 {
color: #0C2318;
font-weight: 600;
font-size: 26px; margin: 0px 0 0; 
}
.service-box.style9  p {
color: #4D6459;
margin: 10px 0 32px; 
}
.service-box.style9 .service-btn a {
display: flex;
justify-content: space-between;
color: #fff;
border: 1px solid #0B4654;
border-radius: 30px;
padding: 12px 30px;
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
text-transform: capitalize;
background: #0B4654;
letter-spacing: 2px; 
}
.service-box.style9:hover .service-btn a {
color: #fff;
border-color: var(--theme-color2);
}
.service-box.style9 .service-btn a:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color2);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.service-box.style9:hover .service-btn a:before {
width: 100%;
transform: skew(0deg);
left: 0;
} .dark .marquee.style1 .marquee-block h3 img {
filter: brightness(0)invert(1);
}
.dark .service-box.style6:before {
background-color: #243B30;
}
.dark .testimonial.style4.style5 .testi_content {
background: #182F24;
}
.dark .my-accordion li {
background: #243B30;
}
.dark .my-accordion li p {
background: #243B30;
}
.dark .my-accordion li a.active {
background: #243B30;
}
.dark .blog-post.style1 .single_blog_post_content h3 a {
border-bottom: 1px solid #9DAAA4;
}
.dark .project-section-one .project-box .project-box-item  .project-box .project-content h4 {
border: 1px solid rgb(255 255 255 / 15%);
}
.dark .blog-post.style1 .single_blog_post_content h3 a {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.dark .form-group input {
border: 1px solid rgb(255 255 255 / 15%);
}
.dark .form-group textarea.wpcf7-form-control.wpcf7-textarea {
border: 1px solid rgb(255 255 255 / 15%);
color: #fff;
}
.dark .option-box select {
border: 1px solid rgb(255 255 255 / 15%);
color: #A8BFC4;
}
.dark .form-group input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #A8BFC4 !important;
}
.dark .form-group textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
color: #A8BFC4 !important;
}
.accordion-dark .my-accordion li {
background: #15505E;
}
.accordion-dark .my-accordion li a.active {
background: #15505E;
}
.accordion-dark .my-accordion li p {
background: #15505E;
border-top: 1px solid #2C626E;
}
.accordion-dark .my-accordion a {
color: #fff !important;
} ul.my-accordion.style8 {
background: #F0F8FA;
padding: 58px 40px 40px 40px;
border-radius: 20px;
clip-path: polygon(11% 0, 0 13%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.my-accordion.style8 li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
padding: 0 28px 0;
border-radius: 12px;
background: rgba(255, 255, 255, 1);
backdrop-filter: blur(30px);
}
.my-accordion.style8 li:before {
position: absolute;
content: "";
right: 16px;
top: 17px;
width: 42px;
height: 42px;
border-radius: 100%;
z-index: 22;
background: rgba(240, 248, 250, 1);
}
.my-accordion.style8 a:after ,
.my-accordion.style8 a:before{
display:none;
}
.my-accordion.style8 li a.active {
background: transparent;
padding: 22px 0px 3px;
color: #FF6D45!important;
}
.my-accordion.style8 li p {
background: transparent;
padding: 14px 0 28px;
border-top: none;
}
.my-accordion.style8 .icon {
float: right;
z-index: 22;
position: relative;
top:4px;
}
.my-accordion.style8 .icon i {
color: #285C69;
font-size: 15px;
font-weight: 700;
display: inline-block;
transform: rotate(90deg);
transition:.5s;
}
.my-accordion.style8 li a.active .icon{
top:0px;  
}
.my-accordion.style8 li a.active .icon i{
transform: rotate(-90deg);
color:#FF6D45;
} .pricing.style12 {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(60px);
border-radius: 20px;
padding: 44px 30px 35px;
transition: .5s;
clip-path: polygon(87% 0, 100% 13%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.pricing.style12:hover{
border-color:rgba(255, 109, 69, 1);
}
.pricing.style12 .pricing-head {
padding-left: 0;
}
.pricing.style12 h3.pricing-title {
font-family: Outfit;
font-weight: 500;
font-size: 24px;
text-transform: uppercase;
color: #fff;
margin: 0 0 36px;
}
.pricing.style12 span.currency ,
.pricing.style12 span.tk{
font-family: Outfit;
font-weight: 600;
font-size: 50px;
text-transform: uppercase;
color: #fff;
}
.pricing.style12 span.month {
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
color: #B1B8BA;
}
.pricing.style12 ul.features li {
list-style: none;
margin: 0 0 12px;
color: #BBBFC1;
}
.pricing.style12 ul.features li i {
display: inline-block;
border: 1px solid rgba(255, 109, 69, 1);
height: 18px;
width: 18px;
line-height: 17px;
border-radius: 100%;
font-size: 9px;
text-align: center;
color: rgba(255, 109, 69, 1);
font-weight: 700;
margin-right: 9px;
}
.pricing.style12 a.pricing-button.singinp {
display: flex;
background: rgba(255, 255, 255, 0.05);
padding: 8px  10px 8px 30px;
border-radius: 30px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(60px);
justify-content: space-between;
align-items: center;
transition: .5s;
margin: 63px 0 29px;
}
.pricing.style12:hover a.pricing-button.singinp{
background:rgba(255, 109, 69, 1);
border-color:rgba(255, 109, 69, 1);
}
.pricing.style12 a.pricing-button.singinp i {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(60px);
height: 36px;
width: 36px;
text-align: center;
line-height: 36px;
border-radius: 100%;
transition: .5s;
} .post-item.style7 {
background: #fff;
transition: .5s;
position: relative;
border-radius: 20px;
padding: 20px;
}
.post-item.style7 .post-thumb{
position:relative;
}
.post-item.style7 .post-thumb img {
border-radius: 20px;
}
.post-item.style7 .single_blog_post_content {
padding: 11px 0 4px;
}
.post-item.style7 .blog-footer {
display: flex;
justify-content: space-between;
margin-top: 21px;
}
.post-item.style7 img.avatar.avatar-36.photo {
border-radius: 100%;
}
.post-item.style7 .blog-title h3 a {
display: inline-block;
font-family: Outfit;
font-weight: 500;
font-size: 26px;
line-height: 36px;
text-transform: uppercase;
color: #0B4654;
padding-bottom: 23px;
}
.post-item.style7 .blog-title h3 a:hover{
color:#FF6D45;
}
.post-item.style7 .categories {
display: inline-block;
position: absolute;
bottom: -6px;
left: 17px;
}
.post-item.style7 ul.post-categories li a {
display: inline-block;
background: #0B46541A;
backdrop-filter: blur(50px);
border-radius: 10px;
padding: 3px 17px;
color: #fff;
font-family: Outfit;
font-weight: 400;
font-style: Regular;
font-size: 14px;
text-transform: uppercase;
}
.post-item.style7 ul.post-categories li{
list-style:none;
}  .moving-forklift {
position: relative;
animation: forkliftMove 10s linear infinite;
} @keyframes forkliftMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-1700px);
}
}
.dance-one {
-webkit-animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.trolley {
width: 250px;
animation: boxShake 0.8s ease-in-out infinite;
}
@keyframes boxShake {
0% { transform: rotate(0deg); }
50% { transform: rotate(-10deg); }
100% { transform: rotate(0deg); }
}
.dreamit-image-panel.style3.active {
flex: 4;
height: 510px;
width: 425px;
background-size: auto;
background-repeat: no-repeat;
background-position: center center;
}
.dreamit-image-panel.style3:before {
display:none;
}
.dreamit-image-panel.style3 {
position: relative;
overflow: hidden;
flex: 1;
background-size: inherit!important;
background-position: center;
border-radius: 15px;
transition: flex 0.5s ease-in-out;
cursor: pointer;
height: 510px;
width: 100%;
object-fit: cover;
}
.dreamit-image-panel.style3:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: 0.5s;
opacity: 1;
border-radius: 14px;
background: linear-gradient(180deg, rgba(12, 35, 24, 0) 22.12%, rgba(255, 109, 69, 0.9) 90%);
}
.dreamit-image-panel.style3.active:after{
display:none;
}
.dreamit-image-panel.style3.active .overlay-content h2 {
writing-mode: horizontal-tb;
transform: rotate(0deg);
font-size: 24px !important;
line-height: 30px!important;
}
.dreamit-image-panel.style3.active .overlay-content {
bottom: 30px;
text-align: left;
left: 50px;
right: 0;
margin: auto;
max-width: 364px;
padding: 0 0 56px;
}
.dreamit-image-panel.style3.active .overlay-content:after {
position: absolute;
content: "";
bottom: -226px;
right: -0;
width: 100%;
height: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Mask-group.png);
transition: .5s;
background-repeat: no-repeat;
background-position: center;
}
.dreamit-image-panel.style3.active .overlay-content .dreamit-btn {
opacity: 1;
transform: none;
background: #FF6D45;
position: inherit;
right: inherit;
bottom: 0;
left: 0;
}
.dreamit-image-panel.style3 .overlay-content .dreamit-btn {
display: inline-block;
padding: 10px 18px;
width: 46px;
height: 46px;
line-height: 27px;
text-align: center;
background: #FFFFFF4D;
color: #fff;
border-radius: 50px;
text-decoration: none;
display: inline-block;
transform: translateY(20px);
transition: all 0.5s ease-in-out;
} .dark-tab .dreamit-tab-wrapper.style-one .dreamit-tabs a {
color: #fff;
border: 1px solid #0B46541A;
background: #15505E;
}
.dark-tab .dreamit-tab-wrapper.style-one .dreamit-tabs a.active {
background: #FF6D45;
color: #fff;
}
.dark-tab .dreamit-tab-wrapper.style-one .tab-inner-title h1 {
color: #fff;
}
.dark-tab .dreamit-tab-wrapper.style-one .desc p {
color: #ffffff94;
}
.dark-tab .dreamit-tab-wrapper.style-one .inner-box-content h2 {
color: #fff;
}
.dark-tab .dreamit-tab-wrapper.style-one .inner-box-thumb {
flex-shrink: 0;
height: 58px;
width: 58px;
background: #fff;
border-radius: 100%;
text-align: center;
}
.dark-tab .dreamit-tab-wrapper.style-one .features li {
color: #fff;
}
.filter .brand.style2 .brand-item img {
filter: brightness(0) invert(1);
}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;
} .site-header .transparent-menu.sticky{
background-color: #021327;
}
rs-layer#slider-8-slide-13-layer-5 {
text-decoration: underline !important;
}
:root {
--theme-color-white: #fff;
--theme-color-light: #f8f5f0;
--theme-color-gray: #f6f6f6;
--theme-color-black: #000000;
--theme-color-black-rgb: 0, 0, 0;
--theme-color1: #222429;
--theme-color1-rgb: 34, 36, 41;
--theme-color2: #FF6D45;
--theme-color2-rgb: 255, 170, 23; 
--theme-color3: #9DAAA4;
--theme-color4: #182F24;
--theme-color5: #243B30;
--theme-color6: #30443C;
--theme-color7: #FF853F;
--theme-color8: #F8F9F5;
--theme-bg-color1: #F8F9F5;
--text-color-bg-theme-color1: #fff;
--text-color-bg-theme-color2: #0f0f0f;
--text-color-bg-theme-color3: #fff;
--text-font: "Noto Sans", sans-serif;
--title-font: "Outfit", sans-serif;
--theme-light-background: #f8f6f1;
--theme-black: #222429;
--theme-color:#FF6D45;
--heading-color:#0c2318;
} .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%;
}
} .elementor-tab-content {
border-radius: 0 0  10px 10px;
}
.elementor-tab-content ul {
padding-left: 27px;
list-style: none;
}
.elementor-tab-title {
font-family: 'Rajdhani';
color: #232323;
font-size: 19px;
}
.elementor-tab-title.elementor-active {
border-radius:10px 10px 0 0 ;
}
.elementor-tab-content ul li {
color: #232323;
font-family: rajdhani;
font-weight: 600;
font-size: 18px;
margin: 10px 0;
position:relative;
}
.elementor-tab-content ul li:before {
content: "";
width: 22px;
height: 30px;
position: absolute;
left: -26px;
top: 6px;
background: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2023/12/checkpng.png);
z-index: 999;
background-repeat: no-repeat;
}
.em-video-image img {
border-radius: 10px;
}
.marquee a {
color: #fff;
font-size: 60px;
display: inline-block;
line-height: 70px;
font-family: 'Rajdhani';
font-weight: 700;
margin: 0 15px;  
} .slick-dots {
bottom: 0px !important;
position: relative;
}
.service-button a{
display: block;
}
.menu-service-manu-container ul li a {
position: relative;
display: block;
padding: 15px 7px 15px 31px;
background-color: #fff;
font-weight: 400;
font-size: 16px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
position: relative;
border-radius: 5px;
}
.menu-service-manu-container ul li {
list-style: none;
margin-bottom: 14px;
}
.menu-service-manu-container ul li:last-child {
margin-bottom: 0;
}
.menu-service-manu-container ul li a:hover{
color: #fff;
background: #FF6D45;
}
.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);
}
}  .dark-box1 .service-box.style1 {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020.227C0%208.71359%209.69642%20-0.422315%2021.1894%200.262405L312.144%2017.5966C321.428%2018.1498%20329.106%2025.0308%20330.67%2034.1999L335.733%2063.8969C337.103%2071.9335%20343.214%2078.3341%20351.179%2080.0745L386.27%2087.7423C395.453%2089.7491%20402%2097.8808%20402%20107.281V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V20.227Z%22%20fill%3D%22%23182F24%22%2F%3E%3C%2Fsvg%3E);
background-size: cover;
}
.dark-box1 .service-box.style1 .service-btn a img {
transition: .5s;
filter: brightness(0) invert(1);
}
.dark-box2 .service-box.style2 .service-btn a img {
transition: .5s;
filter: brightness(0) invert(1);
}
.dark-box2 .service-box.style2 {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2047.2288C0%2036.8996%207.86575%2028.2695%2018.1507%2027.3145L309.549%200.254611C319.959%20-0.712061%20329.357%206.50172%20331.114%2016.8076L335.733%2043.8969C337.103%2051.9335%20343.214%2058.3341%20351.179%2060.0745L386.27%2067.7423C395.453%2069.749%20402%2077.8807%20402%2087.2812V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V47.2288Z%22%20fill%3D%22%23182F24%22%2F%3E%3C%2Fsvg%3E);
background-size: cover;
}
.dark-box3 .service-box.style3 {
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22424%22%20height%3D%22252%22%20viewBox%3D%220%200%20424%20252%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.9543%200%2020%200H341.925C351.539%200%20359.792%206.84021%20361.577%2016.2869L366.208%2040.7962C367.74%2048.9062%20374.097%2055.242%20382.212%2056.7475L407.648%2061.4664C417.125%2063.2246%20424%2071.4921%20424%2081.1309V232C424%20243.046%20415.046%20252%20404%20252H20C8.9543%20252%200%20243.046%200%20232V20Z%22%20fill%3D%22%23243B30%22%2F%3E%3C%2Fsvg%3E");
}
.dark-box3 .service-box.style3 .service-btn a img {
transition: .5s;
filter: brightness(0) invert(1);
}
.dark-box3 .service-box.style3 .service-btn a {
background: #243b30;
}
.dark-box3 .service-box.style3:hover .service-btn a {
background: #FF6D45;
} .reveal {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
visibility: hidden;
overflow: hidden;
width: 100%;
}
.elementor-editor-active .reveal {
visibility: visible !important;
}
.reveal img {
-o-object-fit: cover;
object-fit: cover;
-webkit-transform-origin: left;
transform-origin: left;
width: 100%;
} .reveal.two {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
visibility: hidden;
overflow: hidden;
}
.elementor-editor-active .reveal.two {
visibility: visible !important;
}
.reveal.two img{
-o-object-fit: cover;
object-fit: cover;
-webkit-transform-origin: right;
transform-origin: right;
} .service-item-list.style1 h3.title {
margin: 0;
transition: 0.5s;
font-size: 22px;
color: #ffffff;
font-weight: 500;
} .service_carousel.style1.style2 .owl-nav {
display: inline-block;
position: absolute;
top: 73%;
left: -55%;
z-index: 1;
transform: translateY(-50%);
}
.service_carousel.style1.style2 button.owl-prev i,
.service_carousel.style1.style2 button.owl-next i{
width: 54px;
outline: 0 !important;
height: 54px;
line-height: 54px;
border-radius: 50%;
background-color: #2E2E2E;
border: 0 !important;
color: #fff;
font-size: 16px;
transition: 0.5s;
margin-bottom: 12px;
margin-right: 8px;
display: inline-block;
}
.service_carousel.style1.style2 button.owl-prev i:hover,
.service_carousel.style1.style2 button.owl-next i:hover{
background-color: #52614e;
color:#fff;
} .service_carousel.style3 .owl-nav {
position: absolute;
top: -22%;
right: 0%;
z-index: 22;
}
.service_carousel.style3 button.owl-prev i,
.service_carousel.style3 button.owl-next i{
width: 54px;
outline: 0 !important;
height: 54px;
line-height: 54px;
border-radius: 50%;
background-color: #2E2E2E;
border: 0 !important;
color: #fff;
font-size: 16px;
transition: 0.5s;
margin-bottom: 12px;
margin-right: 8px;
display: inline-block;
}
.service_carousel.style3 button.owl-prev i {
margin-right:10px;
}
.service_carousel.style3 button.owl-prev i:hover,
.service_carousel.style3 button.owl-next i:hover{
background:#52614e;
color:#fff;
} .service_item.six {
margin-right: 20px;
position: relative;
}
.service_item.six .service_content {
background-color: rgba(82,97,78,0.9490196078431372);
position: absolute;
bottom: -181px;
left: 0;
right: 0;
margin: auto;
width: 91%;
padding: 29px 30px 26px;
transition: .4s;
}
.service_item.six:hover .service_content {
bottom:27px;
}
.service_item.six h4.sub_title {
border: 1px solid#879186;
display: inline-block;
margin: 0 0 0;
padding: 10px 19px;
font-size: 15px;
color: #ffffff;
font-weight: 400;
font-family: "Open Sans";
}
.service_item.six h2.title {
margin: 0 0 6px;
line-height: 40px;
}
.service_item.six h2.title a {
font-size: 24px;
color: #ffffff;
font-weight: 600;
font-family: "Playfair Display";
}
.service_item.six .service_list_one ul li {
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
font-family: "Open Sans";
display: inline-block;
margin-right: 13px;
}
.service_item.six .service_list_one ul li i{
margin-right:5px;
}
.service_item.six .service-details-button a {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(213,229,209,0.2);
text-align: center;
line-height: 50px;
color: #fff;
position: absolute;
right: 8px;
bottom: 29px;
transform: translate(-50%, -50%);
} .service_carousel.style6 .owl-dots {
display: flex;
justify-content: center;
margin-top: 60px;
}
.service_carousel.style6 button.owl-dot {
display: inline-block;
height: 14px;
width: 14px;
background: #818C7E;
border-radius: 50%;
margin:0 5px;
}
.service_carousel.style6 button.owl-dot.active{
position:relative;
background:#53624F;
}
.service_carousel.style6 button.owl-dot.active:after {
position: absolute;
content: "";
top: -4px;
left: -4px;
border: 2px solid#53624F;
height: 22px;
width: 22px;
border-radius: 50%;
} .service_carousel.style7 .service_item.seven {
position: relative;
margin: 0 10px;
transition: .5s;
}
.service_carousel.style7 .service_content {
background: #52614E;
padding: 9px 33px 36px;
position: absolute;
bottom: -230px;
right: 0;
display: inline-block;
width: 85%;
transition: .5s;
}
.service_carousel.style7 .service_item.seven:hover .service_content{
bottom:0;
}
.service_carousel.style7 h2.title a {
font-size: 26px;
line-height: 50px;
color: #ffffff;
font-weight: 600;
font-family: "Playfair Display";
}
.service_carousel.style7 h4.sub_title {
width: 80px;
height: 75px;
background-color: #52614e;
border-bottom: 2px solid#fff;
display: inline-block;
text-align: center;
line-height: 75px;
color: #fff;
margin: 0 0 0;
position: absolute;
right: 0;
top: -42px;
}
.service_carousel.style7 .service_list_one {
border-top: 1px solid#748170;
padding: 19px 0 0;
}
.service_carousel.style7 .service_list_one ul li {
display: inline-block;
color: #fff;
margin-right: 20px;
}
.service_carousel.style7 .service_list_one ul li i{
margin-right:6px;
} .service_item.nine {
margin: 0 10px;
transition: .5s;
}
.service_item.nine .service_img {
line-height: 0;
position: relative;
}
.service_item.nine .service_img:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 93%;
width: 91%;
border: 1px solid#fff;
margin: auto;
opacity: 0.3;
}
.service_item.nine .service_content {
position: absolute;
bottom: 45px;
left: 0;
right: 0;
}
.service_item.nine .service_title {
font-size: 28px;
line-height: 50px;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
text-align: center;
} .service_section.style1 {
background: #fff;
border-radius: 20px;
transition: .5s;
padding: 0 0 35px;
}
.service_section.style1 .service_img{
position:relative;
z-index: 1;
}
.service_section.style1 .service_img img {
height: 308px;
width: 100%;
object-fit: cover;
border-radius: 20px 20px 0 0;
}
.service_section.style1 .service_img:after {
position: absolute;
content: "";
top: 2px;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2025/10/Ellipse-67-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
border-radius: 20px 20px 0 0;
opacity: 0;
transition: .5s;
}
.service_section.style1:hover .service_img:after{
opacity:1;
}
.service_section.style1 .icon {
display: inline-block;
height: 100px;
width: 100px;
border-radius: 100%;
line-height: 120px;
background: #FF6D45;
text-align: center;
border: 10px solid#fff;
transition: .5s;
position: relative;
}
.service_section.style1 .icon:after {
position: absolute;
content: "";
top: 0;
left: -10px;
height: 100px;
width: 100px;
border-radius: 100%;
border: 1px solid#EAECEB;
top: 0;
right: 0;
margin: auto;
bottom: 0;
transition:.5s;
}
.service_section.style1 .service_content {
padding: 8px 35px 0;
position: relative;
}
.service_section.style1 .service_icon {
position: absolute;
top: -117px;
z-index: 2;
}
.service_section.style1:hover .icon:after{
border-color:#FF6D45;
}
.service_section.style1 .service_content h4 {
color: #FF6D45;
font-size: 14px;
font-weight: 500;
display: inline-block;
border: 1px solid#E7E9E8;
padding: 7px 23px;
border-radius: 30px;
margin: 0 0 9px;
}
.service_section.style1 .service_content h3 {
margin: 0 0 17px;
}
.service_section.style1 .service_content h3 a {
color: #0c2318;
font-size: 30px;
font-weight: 500;
transition:.5s;
}
.service_section.style1 .service_content h3 a:hover{
color:#FF6D45;
}
.service_section.style1 ul.features li {
list-style: none;
margin: 0 0 8px;
}
.service_section.style1 ul.features li img{
position:relative;
top:5px;
margin-right:5px;
}
.service_section.style1 .service_btn a {
display: inline-block;
border: 1px solid #E7E9E8;
height: 42px;
width: 42px;
line-height: 42px;
text-align: center;
border-radius: 100%;
transition: .5s;
margin-top: 16px;
transform: rotate(-45deg);
}
.service_section.style1:hover .service_btn a{
border-color:#FF6D45;
color:#FF6D45;
} .flip-box .flip-box-inner {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: .5s;
}
.flip-box .flip-box-inner .flip-box-wrap {
position: relative;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000px;
perspective: 1000px;
}
.flip-box .flip-box-inner .back-part,
.flip-box .flip-box-inner .front-part {
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: left;
-ms-flex-align: center;
height: 200px;
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: .5s;
overflow:hidden;
}
.flip-box .flip-box-inner .front-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 50px 32px 50px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.20);
}
.flip-box .flip-box-inner .front-part .front-background-overlay{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.flip-box .flip-box-inner .front-part .front-content-part{
width: 100%;
z-index: 1;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part {
margin-bottom: 30px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span, .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span {
display: inline-block;
text-align: center;
color: #fff;
font-size: 45px;
line-height: 1;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span {
color: #52614e;
font-size: 55px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span img,
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span img{
width: 60px;
height: 60px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-title-part {
margin-bottom: 10px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-title-part .front-title {
margin: 0;
font-weight: 700;
font-size: 23px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-desc-part .front-desc {
margin-bottom: 0;
font-size: 16px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
color: #000;
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
margin-top: 25px;
font-family: 'Rajdhani';
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn i {
transition: all 0.4s ease 0s;
}
.front-part .front-content-part .front-btn-part .front-btn.icon-after i {
margin-left: 4px !important;
} .flip-box .flip-box-inner .back-part {
position: absolute;
z-index: -1;
padding: 26px 32px 26px;
border-radius: 3px;
background-color: #52614e;
}
.flip-box .flip-box-inner .back-part::before {
position: absolute;
content: "";
top: -112px;
right: -112px;
background: #fff;
width: 224px;
height: 224px;
border-radius: 50%;
transition: 0.4s;
opacity: 0.1;
z-index:-1;
}
.flip-box .flip-box-inner .back-part .back-background-overlay{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.flip-box .flip-box-inner .back-part .back-content-part{
width: 100%;
z-index: 1;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part {
display: inline-block;
margin-bottom: 30px;
text-align: left;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part .back-img {
display: inline-block;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-title-part {
margin-bottom: 10px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-title-part .back-title {
margin: 0;
font-weight: 700;
font-size: 23px;
color: #fff;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
color: #fff;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
font-size: 17px;
font-weight: 600;
font-family: 'Rajdhani';
color: #fff;
text-transform: uppercase;
margin-top: 25px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn i {
transition: all 0.4s ease 0s;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after span {
float: left;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {
margin-left: 5px !important;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before span {
float: right;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {
margin-left: 9px !important;
margin-top: -2px;
}
.flip-box .flip-box-inner.rs-flip-right .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-right .back-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-box .flip-box-inner.rs-flip-right .back-content-part {
right: 15px;
}
.flip-box .flip-box-inner.rs-flip-right:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-right:hover .front-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box .flip-box-inner.rs-flip-right:hover .back-content-part {
right: 0;
}
.flip-box .flip-box-inner.rs-flip-left .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-left .back-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box .flip-box-inner.rs-flip-left .back-content-part {
left: 15px;
}
.flip-box .flip-box-inner.rs-flip-left:hover .front-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-box .flip-box-inner.rs-flip-left:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-left:hover .back-content-part {
left: 0;
}
.flip-box .flip-box-inner.rs-flip-up .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-up .back-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box .flip-box-inner.rs-flip-up .back-content-part {
top: 15px;
}
.flip-box .flip-box-inner.rs-flip-up:hover .front-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box .flip-box-inner.rs-flip-up:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-up:hover .back-content-part {
top: 0;
}
.flip-box .flip-box-inner.rs-flip-down .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-down .back-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box .flip-box-inner.rs-flip-down .back-content-part {
bottom: 15px;
}
.flip-box .flip-box-inner.rs-flip-down:hover .front-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box .flip-box-inner.rs-flip-down:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-down:hover .back-content-part {
bottom: 0;
}
.flip-box .flip-box-inner:hover .back-part {
z-index: 1;
}
.flip-box .flip-box-inner:hover .front-part {
z-index: -1;
}
.flip-box:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}
.front-part, .back-part {
min-height: 320px;
} .flip-box.style-two .front-part .front-icon i {
color: #fff;
font-size: 50px;
opacity: 0.7;
}
.flip-box.style-two .front-part, .flip-box.style-two .back-part {
min-height: 250px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part {
position: relative;
bottom: 0;
z-index: 10;
background: transparent;
border: 1px solid #284961;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span {
margin-top: 3px;
margin-right: 30px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
color: #fff;
font-size: 16px;
margin-top: 25px;
background: #2b404f;
padding: 10px 20px;
border-radius: 3px;
background: rgba(43,64,79,0.50);
}
.flip-box.style-two.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: inherit;
font-size: 17px;
font-weight: 600;
font-family: 'Rajdhani';
background: rgba(255,255,255,0.15);
text-transform: uppercase;
margin-top: 25px;
color: #fff;
padding: 10px 20px;
border-radius: 3px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span, .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span {
display: inline-block;
text-align: center;
color: #fff;
font-size: 50px;
line-height: 1;
margin-top: 4px;
margin-right: 30px;
} .flip-box.style-three {
border-radius: 5px;
transition: .5s;
position: relative;
z-index: 1;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-title-part .front-title {
margin: 0;
font-weight: 600;
font-size: 26px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-title-part {
margin-bottom: 13px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-icon-part span img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 5px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-icon-part {
margin-bottom: 15px;
}
.flip-box.style-three .flip-box-inner  .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span img {
width: 60px;
height: 60px;
}
.flip-box.style-three .flip-box-inner .back-part, .flip-box.style-three .flip-box-inner .front-part {
height: inherit;
filter: drop-shadow(0px 20px 50px rgba(164,177,198,0.3));
background-color: rgba(255,255,255,0.5019607843137255);
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: .5s;
background: #fff;
border-radius: 5px;
position: absolute;
border: none;
box-shadow: none;
}
.flip-box.style-three .flip-box-inner .front-part:before{
position: absolute;
content: "";
bottom: 62px; width: 100%;
border: 1px solid#E1E5E8;
left: 0;
}
.flip-box.style-three .flip-box-inner .back-part:after {
position: absolute;
content: "";
bottom: 62px; width: 100%;
border: 1px solid#E1E5E8;
left: 0;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
color: #1e1e1e;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
margin-top: 26px;
font-family: 'Nunito'; 
}
.flip-box.style-three .flip-box-inner .back-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 32px 30px 18px;
border-radius: 5px;
background-color: #fff;
box-shadow: none;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-icon-part {
display: inline-block;
margin-bottom: 26px;
text-align: left;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-title-part .back-title {
margin: 0;
font-weight: 600;
font-size: 26px;
color: #1e1e1e; 
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-title-part {
margin-bottom: 15px;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
color: #686868;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
font-size: 14px;
font-weight: 600;
font-family: 'Nunito';
color: #52614e;
text-transform: uppercase;
margin-top: 74px;
} .section-title.style1{
position: relative;
}
.section-title.style1 .subtitle {
font-size: 18px;
font-weight: 500;
display: inline-block;
margin: 0;
color: #FF6D45;
border: 1px solid #FF6D45;
padding: 6px 23px;
border-radius: 30px;
margin: 0 0 15px;
}
.section-title.style1 .icon {
display: inline-block;
position: relative;
top: 2px;
margin-right: 5px;
}
.section-title.style1 .title,
.section-title.style1 h2{
margin: 0px 0 0;
font-size: 50px;
line-height: 58px;
font-weight: 600;
}
.section-title.style1 .split-line {
display: inline-block!important;
}
.section-title.style1 h2 span{
color: #FF6D45;
}
.section-title.style1 .description {
font-size: 16px;
margin-bottom: 0;
padding: 16px 0 0px;
font-size: 16px;
line-height: 28px;
color: #4D6459;
font-weight: 400;
width: 38%;
margin: 0 auto 0;
}
.section-title.style1.left .description {
padding: 16px 0 0px;
width: 90%;
margin: 6px 0 0;
}
.opacity-low{
opacity: 70%;
} .section-title.style2 h5.subtitle {
display: inline-block;
color: #fff;
font-weight: 500;
font-size: 18px;
position: relative;
z-index: 1;
padding-left: 25px;
margin-bottom: 32px;
}
.section-title.style2 h5.subtitle::before {
position: absolute;
z-index: -1;
content: "";
width: 300px;
height: 40px;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/12/bannar-sub.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
left: 0;
top: -7px;
}
.section-title.style2 h3.title {
color: #fff;
font-weight: 600;
font-size: 74px;
line-height: 78px;
margin: 0;
}
.section-title.style2 p.description {
padding: 17px 0 0;
color: #616161;
width: 76%;
font-size: 18px;
} .section-title.style4 h3.title,
.section-title.style4 h2{
font-size: 60px;
margin: 0 0 0;
font-weight: 600;
line-height: 68px;
}
.section-title.style4 p.description {
margin: 15px auto 0;
width: 45%;
}
.section-title.style4 h5.subtitle {
margin: 0 0 13px;
font-size: 18px;
font-weight: 500;
}
.section-title.style4 h5.subtitle img {
position: relative;
top: 2px;
margin-right: 6px;
} .feature-box.style1 {
display: flex;
align-items: center;
padding: 54px 44px 48px;
transition: 0.5s;
position: relative;
z-index: 1;
}
.feature-box.style1 .feature-box-icon {
width: 80px;
height: 80px;
line-height: 104px;
text-align: center;
background: var(--theme-color2);
border-radius: 50%;
flex-shrink: 0;
margin-right: 20px;
transition: 0.5s;
position: relative;
z-index: 1;
}
.feature-box.style1 .feature-box-icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: var(--theme-color7);
transition: all 300ms ease;
}
.feature-box.style1:hover .feature-box-icon::before {
transform: scale(1);
}
.feature-box.style1 .feature-box-title h2 {
font-weight: 500;
font-size: 27px;
line-height: 36px;
margin: 0 0 0;
color: #fff;
}
.feature-box.style1 .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 20px 0px 0px 20px;
}
.feature-box.style1 .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-box.style1 .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-box.style1 .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 20px 20px 0px;
}
.feature-box.style1 .loginet-hover-box {
background-color: var(--theme-color2);
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.feature-box.style1:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .feature-box.style3 {
background: #fff;
position: relative;
border-radius: 20px;
padding: 47px 35px 37px;
transition: .5s;
z-index: 1;
border-bottom: 10px solid#E0E4DF;
}
.feature-box.style3:hover{
border-color: #fff;
}
.feature-box.style3 .feature_content {
display: flex;
align-items: center;
}
.feature-box.style3 .feature-box-icon {
display: inline-block;
flex-shrink: 0;
margin-right: 13px;
position: relative;
top: 3px;
}
.feature-box.style3 .feature-box-icon img{
transition:.5s;
}
.feature-box.style3:hover .feature-box-icon img {
filter: brightness(0) invert(1);
}
.feature-box.style3 .feature-box-title {
display: inline-block;
}
.feature-box.style3 .feature-box-title h2 {
font-size: 22px;
margin: 0 0 0;
font-weight: 500;
}
.feature-box.style3:hover .feature-box-title h2,
.feature-box.style3:hover p.feature-box-desc{
color:#fff;
}
.feature-box.style3 p.feature-box-desc {
margin: 20px 0 0;
transition:.5s;
}
.feature-box.style3 .hover-bx {
left: 0;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
border-radius: 20px 0px 0px 20px;
}
.feature-box.style3 .hover-bx2 {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-box.style3 .hover-bx3 {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.feature-box.style3 .hover-bx4 {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
border-radius: 0px 20px 20px 0px;
}
.feature-box.style3 .loginet-hover-box {
background-color: var(--theme-color2);
height: 100%;
top: 0;
opacity: 0;
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 25%;
z-index: -1;
}
.feature-box.style3:hover .loginet-hover-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-dark .feature-box.style3:hover p.feature-box-desc{
color:#fff!important; 
} .feature-box.style4 {
background: #243B30;
border-radius: 20px;
transition: .5s;
padding: 45px 33px 40px;
position: relative;
}
.feature-box.style4 .feature-box-title h2 {
margin: 14px 0 0;
font-size: 24px;
font-weight: 500;
color: #fff;
}
.feature-box.style4 p.feature-box-desc {
color: #9DAAA4;
margin: 16px 0 0;
} .feature-box.style5 {
display: inline-block;
border-radius: 20px;
background: #FF6D45;
padding: 37px 0 35px;
max-width: 230px;
text-align: center;
}
.feature-box.style5 .feature-box-title h2 {
font-size: 20px;
color: #fff;
font-weight: 500;
margin: 23px 0 0;
line-height: 30px;
}
.feature-box.style5 .feature-box-thumb img {
width: 100%;
height: 112px;
object-fit: cover;
} .dreamit-button .button {
display: inline-block;
border-radius: 30px;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 18px;
color: #ffffff;
font-weight: 500;
padding: 16px 31px;
text-transform: capitalize;
background-color: #FF6D45;
overflow: hidden;
}
.dreamit-button .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 0px;
transition: .5s;
}
.dreamit-button .button i {
font-size: 15px;
text-align: center;
display: inline-block;
margin-left: 15px;
position: relative;
transition: .5s;
font-weight: 700;
position: relative;
top: 0px;
display: inline-block;
}
.dreamit-button .button:hover {
color: #52614e;
}
.dreamit-button .button:hover:before {
width: 100%;
left: 0;
} .dreamit-button.style3 .dreamit-button a {
display: inline-block;
font-family: var(--title-font);
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 12px 36px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.dreamit-button.style3 .dreamit-button a i{
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px; 
}
.dreamit-button.style3 .dreamit-button a::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: #fff;
right: 64px;
top: 19px;
}
.dreamit-button.style3 .dreamit-button a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color7);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.dreamit-button.style3 .dreamit-button a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
} .dreamit-button.style6 .dreamit-button a {
display: inline-block;
font-family: var(--title-font);
color: #fff;
background: #FF6D45;
padding: 17px 38px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
}
.dreamit-button.style6 .dreamit-button a i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 2px;
color: #FF6D45;
left: 15px;
z-index:99;
}
.dreamit-button.style6 .dreamit-button a::before {
position: absolute;
content: "";
height: 44px;
width: 44px;
background-color: #fff;
right: 10px;
top: 8px;
border-radius: 100%;
z-index: 1;
}
.dreamit-button.style6 .dreamit-button a::hover:before{
background:#f00;
}
.dreamit-button.style6 .dreamit-button a::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color7); 
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.dreamit-button.style6 .dreamit-button a:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.dreamit-button.style6 .dreamit-button a:hover i{
color:#FF853F;
}  .service-box.style1 {
position: relative;
z-index: 1;
background: url(data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020.227C0%208.71359%209.69642%20-0.422315%2021.1894%200.262405L312.144%2017.5966C321.428%2018.1498%20329.106%2025.0308%20330.67%2034.1999L335.733%2063.8969C337.103%2071.9335%20343.214%2078.3341%20351.179%2080.0745L386.27%2087.7423C395.453%2089.7491%20402%2097.8808%20402%20107.281V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V20.227Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
border-radius: 20px;
background-repeat: no-repeat;
}
.service-box.style1:before{
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/service1-be.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.service-box.style1:hover:before{
width:100%;
left:0;
}
.service-box.style1 .image {
line-height: 0;
}
.service-box.style1 .image figure.reveal::before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
z-index: 1;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 300ms ease;
}
.service-box.style1:hover .image figure.reveal::before {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.service-box.style1 .content {
padding: 47px 39px 37px;
}
.service-box.style1 h3.title {
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 0 0 0;
transition: .5s;
}
.service-box.style1:hover h3.title{
color:#fff;
}
.service-box.style1 .service-btn a {
width: 54px;
height: 54px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 62px;
position: absolute;
right: 4px;
background: #fff;
top: 20px;
transition: .5s;
}
.service-box.style1 .service-btn a img{
transition: .5s;
}
.service-box.style1:hover .service-btn a img{
filter: brightness(0) invert(1);
}
.service-box.style1:hover .service-btn a{
background: #FF6D45;
color:#fff;
} .service-box.style2 {
position: relative;
z-index: 1;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22402%22%20height%3D%22425%22%20viewBox%3D%220%200%20402%20425%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2047.2288C0%2036.8996%207.86575%2028.2695%2018.1507%2027.3145L309.549%200.254611C319.959%20-0.712061%20329.357%206.50172%20331.114%2016.8076L335.733%2043.8969C337.103%2051.9335%20343.214%2058.3341%20351.179%2060.0745L386.27%2067.7423C395.453%2069.749%20402%2077.8807%20402%2087.2812V405C402%20416.046%20393.046%20425%20382%20425H20C8.9543%20425%200%20416.046%200%20405V47.2288Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
border-radius: 20px;
background-repeat: no-repeat;
}
.service-box.style2::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/service1-be.svg);
background-repeat: no-repeat;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s; }
.service-box.style2 .image figure.reveal::before {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
z-index: 1;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 300ms ease;
}
.service-box.style2:hover .image figure.reveal::before {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.service-box.style2:hover:before{
width: 99.8%;
left: 0;
}
.service-box.style2:hover h3.title{
color:#fff;
}
.service-box.style2 .image {
line-height: 0;
}
.service-box.style2 .content {
padding: 56px 39px 28px;
}
.service-box.style2 h3.title {
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 0 0 0;
transition: .5s;
}
.service-box.style2 .service-btn a {
width: 54px;
height: 54px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 62px;
position: absolute;
right: 4px;
background: #fff;
top: -1px;
transition: .5s; 
}
.dark .service-box.style2 .service-btn a {
right: 4px;
top: 19px; 
}
.service-box.style2 .service-btn a img{
transition: .5s;
}
.service-box.style2:hover .service-btn a img{
filter: brightness(0) invert(1);
}
.service-box.style2:hover .service-btn a{
background: #FF6D45;
color:#fff;
} .service-box.style3 {
position: relative;
z-index: 1;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/service3-bg.png);
border-radius: 20px;
padding: 50px 50px 55px 40px;
background-repeat: no-repeat;
transition: all 300ms ease;
background-position: center center;
}
.service-box.style3::before {
position: absolute;
content: "";
height: 100%;
width: 0;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/service3-be.png);
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
background-repeat: no-repeat;
transition: all 300ms ease;
background-position: center center;
}
.service-box.style3:hover::before {
width: 100%;
left: 0;
}
.service-box.style3 .icon img{
transition: all 400ms ease; 
}
.service-box.style3:hover .icon img {
filter: brightness(0) invert(1);
}
.service-box.style3 h3.title {
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 15px 0 0;
transition: all 300ms ease;
}
.service-box.style3:hover h3.title{
color: #fff;
}
.service-box.style3 .service-btn a {
width: 50px;
height: 50px;
line-height: 60px;
text-align: center;
background: linear-gradient(247.34deg, #B0DBE5 -0.54%, #F3FDFF 39.73%, #F1FCFE 62.81%, #C9E8EF 93.75%);
border-radius: 50%;
position: absolute;
z-index: 1;
right: -3px;
top: 3px;
transition: all 300ms ease;
}
.service-box.style3:hover .service-btn a{
background: #FF6D45;
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-box.style3 .service-btn a img{
transition: .5s;
}
.service-box.style3:hover .service-btn a img{
filter: brightness(0) invert(1);
} .service-box.style8 {
background: #fff;
border: 1px solid#E7E9E8;
border-radius: 10px 10px 190px 190px;
padding: 48px 22px 35px;
transition: .5s;
}
.service-box.style8:hover{
border-color:#FF6D45; 
}
.service-box.style8 .image img {
height: 180px;
width: 100%;
object-fit: cover;
}
.service-box.style8 h3.title {
margin: 0 0 47px;
font-size: 32px;
font-weight: 500;
}
.service-box.style8 p.description {
border: 1px solid#E7E9E8;
display: inline-block;
padding: 3px 28px;
font-size: 14px;
font-weight: 500;
font-family: "Outfit";
color: #FF6D45;
text-transform: uppercase;
border-radius: 30px;
transition: .5s;
}
.service-box.style8:hover p.description{
background:#FF6D45;
color:#fff;
border-color:#FF6D45;
}
.service-box.style8 .service-btn a {
display: inline-block;
margin: 24px 0 20px;
} .service-box.style17 {
position: relative;
transition: .5s;
}
.service-box.style17 .image {
line-height: 0;
position: relative;
}
.service-box.style17 .service-btn {
position: absolute;
top: 45%;
right: -41px;
}
.service-box.style17 .service-btn a {
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
background: #FF6D45;
border-radius: 100%;
line-height: 58px;
transition: .5s;
position: relative;
z-index: 1;
border: 8px solid #F0F8FA;
color: #fff;
transition:0.5s;
}
.service-box.style17:hover .service-btn a{
background:#0B4654;
}
.service-box.style17 .service-content {
background: #fff;
border-radius: 14px;
text-align: left;
padding: 14px 31px 32px;
width: 83%;
margin: -67px auto 0;
z-index: 2;
position: relative;
transition:0.5s;
}
.service-box.style17:hover .service-content{
background:#0B4654;
}
.service-box.style17 span.service-box-number {
background: #FF6D45;
border-radius: 40px;
padding: 6px 21px;
font-family: Outfit;
font-weight: 600;
font-size: 14px;
text-align: center;
color: #fff;
position: relative;
top: -29px;
}
.service-box.style17 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 22px;
letter-spacing: 0%;
text-transform: uppercase;
margin: 0px 0 7px;
transition:0.5s;
}
.service-box.style17:hover h3.title{
color:#fff;
}
.service-box.style17 p.description {
margin: 0;
transition:0.5s;
}
.service-box.style17:hover p.description{
color:#fff;
} .project-box-wrap {
position: relative;
} .service-details .dreamit-media.style1 figure.reveal {
position: relative;
width: 100%;
}
.service-details .dreamit-media.style1 figure.reveal img{
position: relative;
width: 100%;
} .lines.about {
padding: 0px 0 4px;
animation: inherit;
}
.lines.about .line {
width: 100%;
}
.dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #fff;
padding: 4px 0 10px;
font-style: italic;
}
.line .lines .line {
background-color: rgba(35, 35, 35, 0.1);
} .about .dreamit-icon-title h4 {
color: #232323;
} .dreamit-icon-title-two .dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #232323;
font-style: inherit;
}
.dreamit-icon-title h4 span {
color: #52614e;
}
.dreamit-custom-title h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
}
.dreamit-custom-title h4:before {
position: absolute;
content: "";
left: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
}
.dreamit-custom-title h4:after {
position: absolute;
content: "";
right: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
} .dreamit-custom-title-two .dreamit-custom-title h4 {
color: #232323;
}
.dreamit-custom-title-two .dreamit-custom-title h4:before {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
}
.dreamit-custom-title-two .dreamit-custom-title h4:after {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
} .line-two .lines.about .line {
width: 100%;
background-color: #E0E0E0;
} .icon-box.style1 {
display: inline-block;
}
.icon-box.style1 .icon i{
font-size: 10px;
font-weight: 600;
}
.icon-box .icon i {
display: inline-block;
}
.icon-box.style1 .icon-box-content {
display: inline-block;
}
.icon-box.style1 .icon-box-content h4 {
margin: 0;
font-size: 16px;
color: #ffffff;
font-weight: 500;
}
.icon-box .icon-box.style1{
position: relative;
}
.icon-box .icon-box.style1:after {
position: absolute;
content: "";
top: -18px;
left: 0;
height: 1px;
width: 540px;
background-color: #353535;
} .icon-box.style-two {
display: flex;
align-items: center;
position: relative;
z-index: 1;
align-items: center;
justify-content: space-between;
}
.icon-box.style-two:hover .img-icon {
background: #FF853F;
}
.icon-box.style-two .icon-box-content {
position: relative;
width: 80%;
}
.icon-box.style-two .img-icon {
position: relative;
z-index: 1;
display: inline-block;
height: 76px;
width: 76px;
text-align: center;
line-height: 102px;
transition: .5s;
border-radius: 100%;
margin-right: 30px;
background: #FF6D45;
}
.icon-box.style-two .img-icon:before{
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #FF853F;
transition: all 300ms ease;
}
.icon-box.style-two .icon-box-content h4 {
font-weight: 500;
font-size: 24px;
color: #fff;
margin: 0;
}
.icon-box.style-two .description p {
margin: 0;
color: #A8BFC4;
}
.icon-box.style-two:hover .img-icon:before{
transform: scale(1);
} .icon-box.style3 {
display: flex;
align-items: center;
gap: 15px;
}
.icon-box.style3 .icon {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 27px;
background-color: #52614e;
text-align: center;
line-height: 54px;
color: #fff;
}
.icon-box.style3 h4.title {
font-size: 15px;
color: #ffffff94;
font-weight: 400;
font-family: "Open Sans";
margin: 0;
}
.icon-box.style3 .description {
display: block;
font-size: 20px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Open Sans";
margin: 3px 0 0;
} .icon-box.style5 {
display: flex;
align-items: center;
transition: .5s;
position: relative;
}
.icon-box.style5 .img-icon {
display: inline-block;
width: 22px;
height: 22px;
line-height: 23px;
background: var(--theme-color2);
border-radius: 50%;
margin-right: 13px;
text-align: center;
transition: .5s;
}
.icon-box.style5:hover .img-icon {
background: var(--theme-color7);
}
.icon-box.style5 h4.title {
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
color: #fff;
margin: 0 0 0;
} .icon-box.style6 {
display: flex;
align-items: center;
}
.icon-box.style6 .icon {
display: inline-block;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
background: var(--theme-color7);
margin-right:18px;
}
.icon-box.style6 .icon i {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
border: 1px solid#fff;
color: #fff;
} .icon-box.style7 {
display: flex;
align-items: center;
padding: 32px 23px 32px;
gap: 11px;
}
.icon-box.style7 .icon {
display: inline-block;
color: var(--theme-color2);
border: 2px solid var(--theme-color2);
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
line-height: 56px;
font-size: 22px;
transition: 0.5s;
}
.icon-box.style7 h4.title {
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 0 0 11px 0;
transition: 0.5s;
}
.icon-box.style7 p.description {
font-size: 22px;
color: var(--theme-color2);
font-weight: 600;
margin: 0;
padding: 0;
transition: 0.5s;
margin: 0;
} .icon-box.style9 {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.icon-box.style9 .icon_box {
display: flex;
}
.icon-box.style9 .title h4 {
margin: 0 0 0;
color: #fff;
font-size: 18px;
font-weight: 500;
} .icon-box.style10 {
display: inline-block;
border-radius: 20px;
}
.icon-box.style10 .icon_box {
background: rgba(255, 255, 255, 0.16) !important;
backdrop-filter: blur(8.5px);
display: flex;
align-items: center;
padding: 25px 44px 25px 26px;
border-radius: 20px;
}
.icon-box.style10 .icon-box-icon .icon {
margin-right: 24px;
}
.icon-box.style10 .icon i {
display: inline-block;
height: 70px;
width: 70px;
border-radius: 10px;
background: #fff;
text-align: center;
line-height: 70px;
font-size: 24px;
color: #FF6D45;
}
.icon-box.style10 .title h4 {
margin: 0 0 6px;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.icon-box.style10 .description p {
margin: 0 0 0;
color: #fff;
font-size: 20px;
font-weight: 500;
} .icon-box.style11 {
border-radius: 20px;
}
.icon-box.style11 .icon_box {
background: #2A3E34;
display: flex;
align-items: center;
padding: 38px 44px 38px 36px;
border-radius: 20px;
border: 1px solid#46574F;
transition: .5s;
}
.icon-box.style11 .icon_box:hover {
border-color: #FF6D45;
}
.icon-box.style11 .icon-box-icon .icon {
margin-right: 24px;
}
.icon-box.style11 .img-icon img {
height: 60px;
width: 60px;
object-fit: cover;
}
.icon-box.style11 .icon i {
display: inline-block;
height: 70px;
width: 70px;
border-radius: 10px;
background: #fff;
text-align: center;
line-height: 70px;
font-size: 24px;
color: #FF6D45;
}
.icon-box.style11 .title h4 {
margin: 0 0 6px;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.icon-box.style11 .description p {
margin: 0 0 0;
color: #fff;
font-size: 20px;
font-weight: 500;
} .icon-box.style12 {
display: flex;
background: #f8f9f5;
padding: 32px 27px 18px;
border-radius: 5px;
transition: .5s;
}
.icon-box.style12 .icon-box-icon {
flex-shrink: 0;
margin-right: 27px;
}
.icon-box.style12 .title h4 {
font-size: 22px;
font-weight: 600;
margin: 0 0 11px;
} .icon-box.style13 {
background: #FF6D45;
display: flex;
align-items: center;
padding: 32px 39px;
gap: 65px;
border-radius: 5px;
}
.icon-box.style13 .icon-box-icon{
position:relative;
flex-shrink: 0;
}
.icon-box.style13 .icon-box-icon::before {
position: absolute;
content: "";
width: 2px;
height: 49px;
right: -29px;
top: 1px;
background: rgba(246, 246, 238, 0.3803921569);
}
.icon-box.style13 .description p {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
font-style: italic;
width: 90%;
margin: 0;
} .classic-demo .icon-box.style9 {
display: inline-block;
} @keyframes kmacb-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
} .circle-progress {
display: inline-block;
position: relative;
display: flex;
align-items: center;
}
.circle-progress h2 {
text-align: left;
display: inline-block;
position: relative;
left: 15px;
margin: 0;
color: #fff;
font-weight: 500;
font-size: 22px;
line-height: 30px;
}
.progress {
width: 89px!important;
height: 89px!important;
line-height: 150px;
margin: 0;
box-shadow: none;
display: inline-block;
position: relative;
background: transparent!important;
}
.progress:after {
content: "";
width: 90%;
height: 90%;
border-radius: 50%;
border: 6px solid #586A61;
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: 90%;
height: 90%;
background: none;
border-width: 6px;
border-style: solid;
position: absolute;
top: 0;
border-color: #FF6D45;
}
.progress .progress-left .progress-bar {
left: 91%;
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: -96%;
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: 18px;
text-align: center;
line-height: 16px;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
font-weight: 500;
color: #fff;
}
.progress .progress-value span {
font-size: 18px;
text-transform: uppercase;
color: #fff;
} .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);
}
} .single-counter.style1 {
text-align: center;
position: relative;
z-index: 1;
}
.single-counter.style1 .icon {
margin-bottom: 0px;
}
.single-counter.style1 .icon i {
font-size: 50px;
color: #52614e;
}
.single-counter.style1 .counter-content span {
text-transform: uppercase;
display: inline-block;
font-weight: 600;
font-size: 50px;
margin: 0;
color: #FF6D45;
font-family: Outfit;
}
.single-counter.style1 .counter-content .suffix {
font-size: 36px;
color: #FF6D45;
font-weight: 600;
position: relative;
top: -12px;
}
.single-counter.style1 .counter-content h6 {
margin: 0;
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 500;
margin: 7px 0 0;
} .single-counter.style_two {
background-image: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2025/07/Bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 20px;
text-align: center;
padding: 43px 48px 38px;
display: inline-block;
animation: down-up 3s ease-in-out infinite;
}
.single-counter.style_two .icon {
margin-bottom: 9px;
}
.single-counter.style_two .counter-content.counter span {
font-family: Outfit;
font-weight: 600;
font-style: SemiBold;
font-size: 70px;
line-height: 78px;
color: #fff;
}
.single-counter.style_two .counter-content.counter h6 {
font-family: Outfit;
font-weight: 500;
font-size: 22px;
line-height: 30px;
color: #fff;
text-align: center;
}
.autor-number {
color: #fff;
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #FF6D45;
border-radius: 50%;
margin-left: -15px;
} .single-counter.style_three {
background: #FF6D45;
border-radius: 30px;
padding: 44px 30px 40px;
position: relative;
display: inline-block;
text-align: center;
}
.single-counter.style_three .counter-content.counter span {
display: none;
}
.single-counter.style_three .counter-content.counter h6 {
font-weight: 500;
font-size: 24px;
color: #fff;
margin: 27px 0 0;
} .single-counter.style_five {
position:relative;
}
.single-counter.style_five .icon {
display: inline-block;
}
.single-counter.style_five .counter-content.counter {
display: inline-block;
}
.single-counter.style_five .counter_content {
font-family: var(--title-font);
color: #fff;
font-weight: 500;
font-size: 18px;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: var(--theme-color7);
border-radius: 50%;
position: relative;
top: 49px;
left: -20px;
}
.single-counter.style_five .counter-content.counter h6 {
color: #fff;
font-weight: 500;
font-size: 18px;
margin: 0 0 0 57px;
line-height: 28px;
} .single-counter.style_six .counter_content span {
color: var(--theme-color2);
font-weight: 600;
font-size: 74px;
font-family: var(--title-font);
} .single-counter.style9 {
background: #FF6D45;
border-radius: 20px;
padding: 34px 36px 34px;
}
.single-counter.style9 .icon {
display: inline-block;
position: relative;
top: 8px;
margin-right: 12px;
}
.single-counter.style9 .counter_content {
display: inline-block;
}
.single-counter.style9 span.count.percent {
color: #fff;
font-size: 60px;
font-weight: 500;
line-height: 60px;
margin: 0 0 0;
}
.single-counter.style9 span.suffix {
color: #fff;
font-size: 30px;
font-weight: 500;
position: relative;
top: -23px;
} .single-counter.style10 {
background: rgba(255, 255, 255, 0.16) !important;
padding: 42px 35px 34px;
backdrop-filter: blur(8.5px);
border: 1px solid #FFFFFF29;
border-radius: 20px;
}
.single-counter.style10 {
display: flex;
}
.single-counter.style10 .icon {
display: inline-block;
height: 56px;
width: 56px;
background: #FF6D45;
text-align: center;
line-height: 73px;
border-radius: 100%;
margin-right:14px;
}
.single-counter.style10 span.count.percent {
color: #fff;
font-size: 50px;
font-weight: 500;
}
.single-counter.style10 span.suffix2 {
color: #fff;
font-size: 50px;
}
.single-counter.style10 span.suffix {
color: #fff;
font-size: 30px;
font-weight: 500;
position: relative;
top: -16px;
} .single-counter.style11 {
display: flex;
align-items: center;
}
.single-counter.style11 .icon {
position: relative;
top: 13px;
margin-right: 18px;
}
.single-counter.style11 .inner_content {
display: none;
}
.single-counter.style11 .counter-content.counter h6 {
margin: 0 0 0;
font-size: 18px;
font-weight: 500;
} .service_item.style_one {
position: relative;
margin: 0 15px;
transition: .5s;
}
.service_item.style_one .service_img img {
border-radius: 20px;
}
.service_item.style_one .icon {
display: inline-block;
float: right;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
border-radius: 10px 0px 0px 10px;
margin-top: -95px;
position: relative;
z-index: 22;
transition: 0.5s;
padding: 18px;
background: var(--theme-color2);
}
.service_item.style_one .icon:before{
position: absolute;
z-index: -1;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
transform: scale(0);
background-color: var(--theme-color7);
border-radius: 10px 0px 0px 10px;
transition: 300ms;
}
.service_item.style_one:hover .icon::before {
transform: scale(1);
}
.service_item.style_one .service_content {
position: relative;
z-index: 1;
width: 92%;
margin-top: -58px;
background: #fff;
border-radius: 20px;
padding: 33px 0px 39px 35px;
transition: 0.5s;
right: 0;
float: right;
overflow: hidden;
}
.service_item.style_one .service_content::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 0%;
width: 100%;
background: #1F5A68;
transition: 0.5s;
z-index: -1;
border-radius: 20px;
top: auto;
}
.service_item.style_one:hover .service_content::before {
height: 100%;
top: 0;
bottom: auto;
}
.service_item.style_one h2.title a {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 27px;
}
.service_item.style_one:hover h2.title a{
color:#fff;
}
.service_item.style_one h2.title {
line-height: 36px;
margin: 0;
}
.service_item.style_one .service-details-button a {
margin-top: 16px;
display: inline-block;
} .service_carousel.style1 .owl-nav {
position: absolute;
right: 0;
top: -40%;
}
.service_carousel.style1 button.owl-next i,
.service_carousel.style1 button.owl-prev i{
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--heading-color);
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
position: absolute;
right: 0;
z-index: 5;
}
.service_carousel.style1 button.owl-prev i {
right: 70px;
z-index: 5;
}
.service_carousel.style1 button.owl-next i:hover,
.service_carousel.style1 button.owl-prev i:hover{
background: var(--theme-color2);
border: 1px dashed var(--theme-color2);
color:#fff; 
} .service-dark .service_carousel.style1 button.owl-prev i,
.service-dark .service_carousel.style1 button.owl-next i{
border-color:#fff;
color:#fff;
}
.service-dark .service_carousel.style1 button.owl-prev i:hover,
.service-dark .service_carousel.style1 button.owl-next i:hover{
border-color: var(--theme-color2); 
}
.service-dark .service_item.style_one .service_content::before {
background: var(--theme-color2);
} .service .services-carousel button.owl-prev i, .service .services-carousel button.owl-next i {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: #0c2318;
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
z-index: 5;
display: inline-block;
}
.service .services-carousel button.owl-prev i:hover, .service .services-carousel button.owl-next i:hover{
border: 1px dashed var(--theme-color2);
background: var(--theme-color2); 
color:#fff;
} .project_item.style_one {
position: relative;
transition: .5s;
margin: 0 15px 0;
}
.project_item.style_one .service_img {
line-height: 0;
position: relative;
overflow: hidden;
border-radius: 20px;
}
.project_item.style_one .service_img::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
border-radius: 20px;
}
.project_item.style_one:hover .service_img::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.project_item.style_one .service_img img {
border-radius: 20px;
}
.project_item.style_one .service_content {
position: absolute;
z-index: 1;
bottom: 50px;
left: 0;
right: 0;
width: 85%;
line-height: 164px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);
margin: 0 auto;
padding: 38px 30px 30px;
transform: translateY(200px);
opacity: 0;
transition: 0.5s;
}
.project_item.style_one:hover .service_content{
opacity: 1;
transform: translateY(7px);
}
.project_item.style_one h4.sub_title {
color: #fff;
font-weight: 500;
font-size: 16px;
margin: 0;
background: var(--theme-color2);
width: 122px;
height: 38px;
line-height: 38px;
border-radius: 20px;
text-align: center;
margin-bottom: 10px;
text-transform: uppercase;
}
.project_item.style_one h2.title {
margin: 0 0 0;
}
.project_item.style_one h2.title a{
font-size:30px;
font-weight:600;
color:#fff;
} .project_item.style_two {
background: #fff;
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
transition: 0.5s;
border:1px solid#fff;
}
.project_item.style_two:hover{
border-color:var(--theme-color2);
}
.project_item.style_two .service_img {
position: relative;
line-height: 0;
overflow:hidden;
}
.project_item.style_two .service_img::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.project_item.style_two:hover .service_img::before {
height: 200%;
transition: all 600ms linear;
background-color: transparent;
}
.project_item.style_two .service_img img{
border-radius:10px;
}
.project_item.style_two .service_content {
position: relative;
padding: 32px 26px 14px;
}
.project_item.style_two h4.sub_title {
display: inline-block;
color: var(--theme-color2);
border: 1px solid rgba(12, 35, 24, 0.1);
font-weight: 500;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 10px;
}
.project_item.style_two h2.title{
margin:0;
}
.project_item.style_two h2.title a {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
}
.project_item.style_two:hover h2.title a{
color:var(--theme-color2);
}
.project_item.style_two .service-details-button a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: var(--theme-color2);
border: 1px solid rgba(12, 35, 24, 0.1);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
position: absolute;
right: 29px;
bottom: 22px;
}
.project_item.style_two .service-details-button a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: var(--theme-color2);
transition: all 300ms ease;
}
.project_item.style_two:hover .service-details-button a::before {
transform: scale(1);
}
.project_item.style_two:hover .service-details-button a {
color:#fff;
}
.dark-rork .project_item.style_two h4.sub_title {
border: 1px solid rgb(12 35 24 /10%);
background: rgb(255, 255, 255,0.10);
} .project_item.style_three {
background: #fff;
border-radius: 24px;
padding: 17px 17px 20px;
position: relative;
transition: 0.5s;
border:1px solid#fff;
}
.project_item.style_three:hover{
border-color:var(--theme-color2);
}
.project_item.style_three .service_img {
position: relative;
line-height: 0;
}
.project_item.style_three .service_img img{
border-radius:10px;
}
.project_item.style_three .service_content {
position: relative;
padding: 32px 26px 14px;
}
.project_item.style_three h4.sub_title {
display: inline-block;
color: var(--theme-color2);
border: 1px solid rgba(12, 35, 24, 0.1);
font-weight: 500;
font-size: 16px;
padding: 6px 24px;
border-radius: 20px;
margin-bottom: 10px;
}
.project_item.style_three h2.title{
margin:0;
}
.project_item.style_three h2.title a {
color: var(--heading-color);
font-weight: 600;
font-size: 32px;
}
.project_item.style_three:hover h2.title a{
color:var(--theme-color2);
}
.project_item.style_three .service-details-button a {
display: inline-block;
width: 58px;
height: 58px;
line-height: 58px;
color: var(--theme-color2);
border: 1px solid rgba(12, 35, 24, 0.1);
border-radius: 50%;
text-align: center;
transform: rotate(-45deg);
position: relative;
z-index: 1;
position: absolute;
right: 29px;
bottom: 22px;
}
.project_item.style_three .service-details-button a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: var(--theme-color2);
transition: all 300ms ease;
}
.project_item.style_three:hover .service-details-button a::before {
transform: scale(1);
}
.project_item.style_three:hover .service-details-button a {
color:#fff;
} .service_section.style2 {
position: relative;
z-index: 2;
transition: .5s;
}
.service_section.style1.style2 .service_img {
position: relative;
overflow: hidden;
line-height: 0;
}
.service_section.style1.style2 .service_content {
position: absolute;
height: inherit;
padding: 0;
left: 0;
right: 0;
bottom: -124px;
width: 100%;
overflow: hidden;
transition: .5s;
}
.service_section.style1.style2:hover .service_content{
bottom:0;
}
.service_section.style1.style2 .service_body {
padding-top: 16px;
}
.service_section.style1.style2 .service_content .content .service_inner_content {
background-color: #292929;
padding: 36px 30px 22px;
backdrop-filter: inherit;
}
.service_section.style1.style2:hover .service_content .content .service_inner_content{
background-color: #52614E;
} .service_section.style1.style2.style3 .service_img {
position: relative;
overflow: hidden;
line-height: 0;
}
.service_section.style1.style2.style3 .service_content {
background-color: rgba(82, 97, 78, 0.9490196078431372);
position: absolute;
bottom: -205px;
left: 0;
right: 0;
margin: auto;
width: 91%;
padding: 29px 30px 14px;
transition: .4s;
z-index: 22;
}
.service_section.style1.style2.style3:hover .service_content{
bottom: 0;
}
.service_section.style1.style2.style3 .service_content .content .service_inner_content {
background-color: transparent;
padding: 0 0 0;
backdrop-filter: inherit;
}
.service_section.style1.style3 ul.features li {
display: inline-block;
margin-right: 10px;
}
.service_section.style1.style3 ul.features li img {
float: left;
position: relative;
top: 5px;
margin-right: 12px;
}
.service_section.style1.style3 .service_btn a {
margin-top: 0;
padding: 0;
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(213, 229, 209, 0.2);
text-align: center;
line-height: 50px;
color: #fff;
position: absolute;
right: -35px;
bottom: 29px;
transform: translate(-50%, -50%);
} .hotel_booking_section.style3 .owl-dots {
display: flex;
justify-content: center;
margin-top: 60px;
}
.hotel_booking_section.style3 button.owl-dot {
display: inline-block;
height: 14px;
width: 14px;
background: #818C7E;
border-radius: 50%;
margin:0 5px;
}
.hotel_booking_section.style3 button.owl-dot.active{
position:relative;
background:#53624F;
}
.hotel_booking_section.style3 button.owl-dot.active:after {
position: absolute;
content: "";
top: -4px;
left: -4px;
border: 2px solid#53624F;
height: 22px;
width: 22px;
border-radius: 50%;
} .service_section.style5 ul.features li {
display: block;
}
.service_section.style5 {
padding: 0 13px 0 25px;
}
.service_section.style5 ul.features li img {
display: inline-block;
width: inherit;
}
.hotel_booking_section.style5 .row.booking_content {
background: #fff;
padding: 19px;
margin-right: 9px;
display: flex;
align-items: center;
}
.service_section.style5 .service_inner_content h4 {
background-color: #f5f9f4;
display: inline-block;
padding: 10px 22px;
margin: 0;
font-size: 15px;
color: #52614e;
font-weight: 400;
font-family: "Open Sans";
}
.service_section.style5 .service_inner_content h3 a {
display: inline-block;
font-size: 36px;
color: #2a2a2a;
font-weight: 600;
font-family: "Playfair Display";
margin: 0 0;
}
.service_section.style5 .service_inner_content p {
font-size: 16px;
line-height: 28px;
color: #616161;
font-weight: 400;
font-family: "Open Sans";
}
.service_section.style5 .service_body {
border-top: 1px solid #52614e59;
padding: 35px 0 0 0;
margin-top: 30px;
}
.service_section.style5 .service_btn a {
display: inline-block;
background-color: #52614e;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin-top: 21px;
padding: 11px 30px;
border: 1px solid #52614e;
position: relative;
z-index: 1;
transition: 0.5s;
}
.service_section.style5 .service_btn a:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: -1;
transform: scale(0);
transition: 0.5s;
}
.service_section.style5 .service_btn a:hover:before {
transform: scale(1);
}
.service_section.style5 .service_btn a:hover {
color: #52614e;
}
.service_section.style5 .service_btn a i{
margin-left: 5px;
}
.service_section.style5 ul.features li {
margin-bottom: 11px;
} .monutain-dark .hotel_booking_section.style5 .row.booking_content {
background: #2a2a2a;
padding: 19px;
margin-right: 9px;
display: flex;
align-items: center;
}
.monutain-dark .service_section.style5 .service_inner_content h4 {
background-color: #323331;
} .service_section.style6 {
padding: 10px 12px 0;
background: #FFF;
}
.service_section.style6 .service_img{
line-height: 0;
overflow: hidden;
}
.service_section.style6 .service_img img{
transition: .5s;
}
.service_section.style6:hover .service_img img {
transform: scale(1.2) skew(-10deg);
}
.service_section.style6 .service_content {
position: relative;
background-color: #ffffff;
padding: 35px 29px;
position: relative;
}
.service_section.style6 .service_inner_content h4 {
background: #51614D;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin: 0;
padding: 14px 26px;
position: absolute;
right: -12px;
top: -34px;
}
.service_section.style6 .service_inner_content h4:before {
position: absolute;
content: "";
width: 13px;
height: 11px;
right: 0;
top: -10px;
background: #51614D;
clip-path: polygon(0 1%, 0% 100%, 100% 100%);
}
.service_section.style6 .service_inner_content h3{
margin: 0 0 0;
}
.service_section.style6 .content p {
margin: 0 0 0;
}
.service_section.style6 .service_inner_content h3 a {
font-size: 24px;
color: #52614e;
font-weight: 500;
font-family: "Playfair Display";
}
.service_section.style6 .service_body ul li {
display: inline-block;
margin-right: 14px;
margin-top: 8px;
margin-bottom: 7px;
}
.service_section.style6 .service_btn a {
display: inline-block;
background-color: #52614e;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin-top: 34px;
padding: 11px 30px;
border: 1px solid #52614e;
position: relative;
z-index: 1;
transition: 0.5s;
}
.service_section.style6 .service_btn a:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: -1;
transform: scale(0);
transition: 0.5s;
}
.service_section.style6 .service_btn a:hover:before {
transform: scale(1);
}
.service_section.style6 .service_btn a:hover {
color: #52614e;
} .service_section.style7 {
background: rgba(255, 255, 255, 0.2) !important;
position: relative;
text-align: left;
backdrop-filter: blur(47px);
padding: 55px 38px 55px;
}
.service_section.style7 .service_inner_content h4 {
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin: 0 0 28px;
}
.service_section.style7 .service_inner_content p{
color: #fff;
margin: 0 0 0;
}
.service_section.style7 .service_inner_content h3 {
margin: 13px 0 75px;
}
.service_section.style7 .service_inner_content h3 a{
font-size: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Playfair Display";
}
.service_section.style7 ul.features li {
margin-bottom: 16px;
border-bottom: 1px dashed#ACA394;
color: #fff;
list-style: none;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
}
.service_section.style7 ul.features li img {
flex-shrink: 0;
height: 16px;
}
.service_section.style7 .service_btn a {
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
display: inline-block;
margin-top: 17px;
} .team.style1 {
position: relative;
z-index: 1;
}
.team.style1 .content {
position: absolute;
left: 0;
right: 0;
bottom: -18px;
transition: .5s;
z-index: 2;
display: block!important;
}
.team.style1 .image {
line-height: 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.team.style1 .image img {
width: 100%;
}
.team.style1 .image:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(12, 35, 24, 0) 60%, #0C2318 100%);
border-radius: 0 0 30px 30px;
z-index: 1;
}
.team.style1 h2.name{
margin: 0 0 13px; 
}
.team.style1 h2.name a{
font-size: 32px;;
color: #fff;
font-weight: 600;
}
.team.style1 h5.designation {
font-size: 14px;
backdrop-filter: blur(10px);
display: inline-block;
border-radius: 20px;
padding: 7px 13px;
margin: 0 0 25px;
color: #fff;
font-weight: 400;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.team.style1 ul.social-icon li a {
backdrop-filter: blur(10px);
border: 1px solid #FFFFFF33;
display: inline-block;
border-radius: 100%;
height: 34px;
width: 34px;
line-height: 34px;
color: #fff;
font-size: 12px;
transition: .5s;
opacity: 0;
}
.team.style1:hover ul.social-icon li a{
opacity: 1;
}
.team.style1 ul.social-icon li a:hover{
border-color:#FF6D45;
background:#FF6D45;
}
.team.style1 ul.social-icon li{
display:inline-block;
}
.team.style1 .team-button a {
border: 1px solid #FF6D45;
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 100%;
transition: .5s;
transform: rotate(-45deg);
position: absolute;
right: 0;
top: 0;
color: #FF6D45;
z-index: 22;
}
.team.style1:hover .team-button a{
background:#FF6D45;
color:#fff;
}
.team.style1:hover .content{
bottom:30px;
} .team.style2 .image {
position: relative;
line-height: 0;
}
.team.style2 .image{
position: relative;
line-height: 0;
}
.team.style2 .image::before {
position: absolute;
z-index: 1;
content: "";
height: 100%;
width: 100%;
left: 0;
bottom: 0;
background-image: linear-gradient(rgba(12, 35, 24, 0) 30%, rgb(12, 35, 24) 95%);
border-radius: 20px;
transition: all 300ms ease;
transition: all 300ms ease;
}
.team.style2 .content {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
right: 0;
transform: translateY(10px);
transition: all 300ms ease;
}
.team.style2:hover .content {
transform: translateY(-30px);
}
.team.style2 h2.name{
margin:0 0 0;
}
.team.style2 h2.name a {
font-size: 32px;
font-weight: 600;
color: #fff;
transition: all 300ms ease;
}
.team.style2 h5.designation {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #fff;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 5px 22px;
transition: all 300ms ease;
backdrop-filter: blur(10px);
transition: all 300ms ease;
margin: 9px 0 25px;
}
.team.style2 ul.social-icon li{
display:inline-block;
margin:0 3px;
}
.team.style2 ul.social-icon {
opacity: 0;
transition: all 300ms ease;
}
.team.style2:hover ul.social-icon{
opacity:1;
}
.team.style2 ul.social-icon li a {
display: inline-block;
color: #fff;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
text-align: center;
transition: 0.5s;
position: relative;
z-index: 1;
backdrop-filter: blur(10px);
}
.team.style2 ul.social-icon li a::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: var(--theme-color2);
transition: all 300ms ease;
}
.team.style2 ul.social-icon li a:hover::before {
transform: scale(1);
} .team.style3 {
background: #182F24;
position: relative;
border-radius: 20px;
padding: 0 0 34px;
}
.team.style3 .image {
position: relative;
}
.team.style3 .share_content {
position: absolute;
right: 32px;
bottom: -39px;
cursor: pointer;
}
.team.style3 .content {
padding: 12px 32px 0;
}
.team.style3 h2.name{
margin:0 0 0;
}
.team.style3 h2.name a {
color: #fff;
font-size: 28px;
font-weight: 500;
}
.team.style3 h5.designation {
color: #FF6D45;
font-size: 14px;
font-weight: 500;
border: 1px solid #FFFFFF1A;
display: inline-block;
padding: 6px 19px;
border-radius: 30px;
background: #283E33;
}
.team.style3 .share {
position: relative;
background: #FF6D45;
display: inline-block;
padding: 8px 15px 12px;
border-radius: 0 0 30px 30px;
color: #fff;
}
.team.style3 ul.social-icon {
background: #FF6D45;
padding: 15px 14px;
position: absolute;
top: -117px;
border-radius: 30px 30px 0 0;
left: 0;
opacity: 0;
transition: .5s;
}
.team.style3 .share:hover ul.social-icon{
opacity:1;
}
.team.style3 ul.social-icon li {
list-style: none;
margin-bottom: 3px;
color: #fff;
}
.team.style3 ul.social-icon li i{
color:#fff;
} .heading.style1 h2.heading-text {
font-size: 70px;
color: #ffffff;
font-weight: 600;
margin: 0 0 0;
line-height: 74px;
}
.heading.style1 h2.heading-text span{
font-size: 70px;
line-height: 74px;
color: #d5e5d1;
font-weight: 600;
}
.heading.style1 p.heading-text {
margin: 0px 0 9px;
position: relative;
}
.heading.style1 span{
color: #FF6D45;
} .heading.style-4 h2.heading-text {
position: relative;
display: inline-block;
}
.heading.style-4 h2.heading-text:before {
position: absolute;
content: "";
top: 34px;
left: -111px;
width: 97px;
height: 2px;
background-color: #ffffff;
}
.seo h1.heading-text span {
color: #52614e;
} .heading.style-3 p.heading-text {
position: relative;
}
.heading.style-3 p.heading-text:before {
position: absolute;
content: "";
top: 12px;
left: 0;
width: 390px;
height: 1px;
background-image: linear-gradient(90deg, #0b59db 0%, #f3f7fd 100%);
}
.heading.style-3 p.heading-text:after{
position:absolute;
content:"";
top:12px;
right:0;
width: 390px;
height: 1px;
background-image: linear-gradient(90deg, #f3f7fd 0%, #0b59db 100%);
} .heading.style-5 h5 {
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
position:relative;
}
.heading.style-5 h5:before{
position:absolute;
content:"";
width: 1061px;
height: 1px;
background-color: rgba(255,255,255,0.10196078431372549);
right:0;
top:10px;
}
.heading.style-5 h5:after{
position:absolute;
content:"";
width: 990px;
height: 1px;
background-color: rgba(255,255,255,0.10196078431372549);
left:0;
top:10px;
} .heading.style6 h4.heading-text {
font-size: 18px;
color: #ffffff;
font-weight: 600;
border-radius: 23px;
background-image: linear-gradient(90deg, #3513f9 0%, #1a90ff 100%);
padding: 9px 15px;
display: inline-block;
font-family: "Nunito", sans-serif;
}
.heading.style6 h5.heading-text {
font-size: 18px;
color: #ffffff;
font-weight: 600;
border-radius: 23px;
background-color: #041424;
padding: 9px 16px;
display: inline-block;
margin: 0;
font-family: "Nunito", sans-serif;
} .heading.style7 p.heading-text {
background: rgba(255, 255, 255, 0.2) !important;
position: relative;
text-align: left;
backdrop-filter: blur(15px);
padding: 28px 51px 26px 68px;
display: inline-block;
}
.heading.style7 p.heading-text:before {
position: absolute;
content: "";
top: 28px;
left: 35px;
height: 48px;
width: 2px;
background: #fff;
} .heading.style8 h1.heading-text {
position: relative;
display: inline-block;
} ul.item-list.style2 li {
list-style: none;
margin: 0 0 11px;
}
ul.item-list.style2 li i {
display: inline-block;
color: var(--theme-color2);
font-size: 19px;
margin-right: 6px;
position: relative;
top: 2px;
} .work-process{
text-align:center;
padding:0 20px;
}
.work-process.style1 .icon {
position: relative;
width: 130px;
height: 130px;
line-height: 178px;
background-color: #15505E;
border-radius: 50%;
text-align: center;
margin: auto;
position: relative;
z-index: 1;
}
.work-process.style1 .icon::before {
position: absolute;
z-index: -1;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
transform: scale(0);
border-radius: 50%;
background-color: #FF6D45;
transition: all 300ms ease;
}
.work-process.style1:hover .icon::before {
transform: scale(1);
}
.work-process.style1 .icon i {
sition: relative;
width: 130px;
height: 130px;
line-height: 130px;
border-radius: 150px;
display: inline-block;
color: #52614e;
font-size: 65px;
border: 2px solid #ededed;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
text-align:center;
}
.work-process.style1 .icon img{
transition: .5s;
}
.work-process.style1:hover .icon img {
filter: brightness(0) invert(1);
}
.work-process.style1 .content h3 {
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 22px 0 15px;
color: #fff;
}
.work-process.style1 .work_progress-number {
position: absolute;
right: 0;
top: -14px;
z-index: 1;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50px;
display: inline-block;
font-size: 18px;
color: #fff;
background-color: #FF6D45;
transition: .5s;
left: 0;
text-align: center;
margin: auto; 
}
.work-process.style1 p.description {
color: #A8BFC4;
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 80%;
margin: 0 auto;
}
.work-process.style1 .shape_img {
position: absolute;
top: -39px;
left: -43px;
z-index: -1;
transform: rotate(-6deg);
}
.work-process.style1:hover .icon .shape_img img {
filter: inherit;
}
.last .work-process.style1 .shape_img {
position: absolute;
top: -67px;
left: inherit;
z-index: -1;
transform: rotate(100deg);
right: -20px;
} .work_progress.style3 {
padding: 34px 13px 7px;
background: #f5f5f5;
border-radius: 5px;
}
.work_progress.style3 .work_progress-title h2 {
font-size: 20px;
font-weight: 500;
margin: 7px 0 4px;
}
.work_progress.style3 .work_progress-number span {
background: #52614e;
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
color: #fff;
}
.work_progress.style3 .work_progress-number span::before {
display: none;
}
.work_progress.style3 .work_progress-number span::after {
position: absolute;
left: -6px;
top: -6px;
width: 82px;
height: 82px;
background: #ED2C41;
opacity: 0.3;
} .work_progress.style5 {
text-align: center;
padding: 0 25px;
position: relative;
z-index: 1;
}
.work_progress.style5 .icon {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #0c59d7;
text-align: center;
line-height: 113px;
position: relative;
margin-bottom: 40px;
}
.work_progress.style5 .icon:before {
position: absolute;
content: "";
width: 100px;
height: 100px;
border: 2px dashed #52614e;
top: -10px;
left: -10px;
border-radius: 50%;
}
.work_progress.style5 h3.title {
display: inline-block;
margin: 0 0 9px;
font-size: 26px;
font-weight: 600;
} span.elementor-progress-percentage {
position: relative;
top: -22px!important;
} .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;
} .testimonial.style1 .owl-item:nth-child(odd) {
margin-top: 0;
} .testimonial-item.style1 {
background: #15505E;
border-radius: 20px;
padding: 46px 42px 47px;
transition: .5s;
margin-bottom: 0;
}
.testimonial-item.style1 p.quote {
font-size: 28px;
line-height: 40px;
color: #fff;
margin: 19px 0 35px;
font-family: "Outfit", sans-serif;
}
.testimonial-item.style1 .author {
display: inline-block;
}
.testimonial-item.style1 .author img{
border-radius:100%;
}
.testimonial-item.style1 .author_content {
display: flex;
align-items: center;
gap: 19px;
}
.testimonial-item.style1 h4.name {
font-size: 24px;
color: #fff;
font-weight: 500;
margin: 0 0 7px;
}
.testimonial-item.style1 h5.designation {
color: #fff;
font-weight: 400;
margin: 0 0 0;
font-size:16px;
} .testi-two .testimonial-item.style1 {
background: #182F24;
border-radius: 20px;
padding: 46px 42px 47px;
transition: .5s;
margin-bottom: 20px;
background: linear-gradient(180deg, rgba(32, 55, 44, 0.75) 0%, rgba(12, 35, 24, 0.9) 65.94%);
opacity: 0.55;
}
.testimonial-item.style2 {
background: var(--theme-color4);
border-radius: 20px;
padding: 40px 40px 30px;
}
.testimonial-item.style2 .author_content {
display: flex;
align-items: center;
}
.testimonial-item.style2 h4.name {
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
color: #fff;
}
.testimonial-item.style2 h5.designation {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial.style2 .author {
margin-right: 22px;
}
.testimonial-item.style2 .ratting_content {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--theme-color5);
border-radius: 14px;
padding: 26px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-item.style2 .ratting_content::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color2);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-item.style2:hover .ratting_content::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-item.style2 p.quote {
color: var(--theme-color3);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-item.style2:hover p.quote_two, .testimonial-item.style2:hover .testi-star i.active {
color: #fff !important;
}
.testimonial-item.style2 p.quote_two {
font-family: var(--title-font);
font-weight: 600;
font-size: 32px;
transition: 0.5s;
margin: 0 0 0;
}
.testimonial-item.style2 .testi-star i.active {
color: #ff853f;
transition: .5s;
} .testimonial.style2 .owl-nav {
position: absolute;
top: -166px;
right: 0;
}
.testimonial.style2 button.owl-prev i,
.testimonial.style2 button.owl-next i{
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: var(--theme-color-white);
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.5);
z-index: 5;
display:inline-block;
}
.testimonial.style2 button.owl-prev i {
margin-right: 16px;
}
.testimonial.style2 button.owl-prev i:hover,
.testimonial.style2 button.owl-next i:hover{
background: var(--theme-color2);
border: 1px dashed var(--theme-color2);
color:#fff;
}
.testimonials .testimonial.style2 button.owl-prev i, .testimonials .testimonial.style2 button.owl-next i {
font-size: 24px;
height: 56px;
line-height: 56px;
width: 56px;
border-radius: 50%;
transition: all 0.3s ease 0s;
color: #0c2318;
background: transparent;
border: 1px dashed rgba(12, 35, 24, 0.5);
z-index: 5;
display: inline-block;
}
.testimonials .testimonial.style2 button.owl-prev i:hover, .testimonials .testimonial.style2 button.owl-next i:hover{
border: 1px dashed var(--theme-color2);
background: var(--theme-color2); 
color:#fff;
} .testimonial-item.style3 {
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/testi3-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 20px;
padding: 35px 38px 25px;
position: relative;
z-index: 1;
}
.testimonial-item.style3::before {
position: absolute;
content: "";
height: 0%;
width: 100%;
background-image: url(https://dittheme.com/wp/loginet/wp-content/uploads/2025/11/testi3-be.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.testimonial-item.style3:hover:before {
height: 100%;
}
.testimonial-item.style3 .author_content {
display: flex;
align-items: center;
}
.testimonial-item.style3 h4.name {
font-weight: 500;
font-size: 24px;
margin-bottom: 7px;
color: #fff;
}
.testimonial-item.style3 h5.designation {
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
}
.testimonial.style3 .author {
margin-right: 22px;
}
.testimonial-item.style3 .ratting_content {
display: flex;
align-items: center;
justify-content: space-between;
background: #1F5A68;
border-radius: 14px;
padding: 22px 30px;
margin: 30px 0 30px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.testimonial-item.style3 .ratting_content::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 100%;
background: #1F5A68;
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.testimonial-item.style3:hover .ratting_content::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.testimonial-item.style3 p.quote {
color: var(--theme-color3);
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.testimonial-item.style3:hover p.quote_two,
.testimonial-item.style3:hover .testi-star i.active{
color:#fff;
}
.testimonial-item.style3 p.quote_two {
font-family: var(--title-font);
font-weight: 600;
font-size: 32px;
transition: 0.5s;
margin: 0 0 0;
color: var(--theme-color2);
}
.testimonial-item.style3 .testi-star i.active {
color: #ff853f;
transition: .5s;
} .testi-two .testimonial-item.style1 {
border-radius: 20px;
padding: 46px 42px 47px;
transition: .5s;
margin-bottom: 20px;
opacity: 0.55;
background: linear-gradient(180deg, rgba(21, 80, 94, 0.7) 0%, rgba(11, 70, 84, 0.8) 65.94%);
} .project .testimonial.style2 button.owl-prev i, .project .testimonial.style2 button.owl-next i {
border: 1px dashed rgba(12, 35, 24, 0.5);
color:#0c2318;
}
.project .testimonial.style2 button.owl-prev i:hover, .project .testimonial.style2 button.owl-next i:hover {
background: var(--theme-color2);
border: 1px dashed var(--theme-color2);
color: #fff;
}
.testimonial .testimonial.style2 button.owl-prev i, .testimonial.style2 button.owl-next i {
border:1px dashed rgba(255, 255, 255, 0.5);
color:#fff;
}
.testimonial .testimonial.style2 button.owl-prev i:hover, .testimonial.style2 button.owl-next i:hover {
background: var(--theme-color2);
border: 1px dashed var(--theme-color2);
color: #fff;
}
.testi-two .testimonial-item.style1:hover{
background:#15505E;
opacity: 1;  
} .testimonial.style3.style4 .testimonial-item.style3 {
background-position: center center;
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 40px 40px 30px;
position: relative;
z-index: 1;
transition: 0.5s;
border: 1px solid transparent;
}
.testimonial.style3.style4 .testimonial-item.style3:before{
display:none;
}
.testimonial.style3.style4 .testimonial-item.style3:hover {
border: 1px solid var(--theme-color2);
box-shadow: 0px 10px 40px 0px rgba(12, 35, 24, 0.031372549);
} .testimonial-item.style6 {
padding: 32px 20px 20px;
border-radius: 30px;
transition: .5s;
position: relative;
}
.testimonial-item.style6 .testi_content {
background: #F8F9F5;
border-radius: 20px;
padding: 33px 34px 34px;
margin-top:30px;
}
.testimonial-item.style6 .author_content {
display: flex;
align-items: center;
gap: 21px;
}
.testimonial-item.style6 .author {
display: inline-block;
}
.testimonial-item.style6 .quote {
position: absolute;
right: 40px;
display: inline-block;
top: 42px;
}
.testimonial-item.style6 h4.name {
margin: 0 0 0;
font-size: 24px;
font-weight: 500;
}
.testimonial-item.style6 h5.designation {
font-size: 16px;
color: #4D6459;
font-weight: 400;
font-family: "Noto Sans", sans-serif;
margin: 9px 0 0;
}
.testimonial-item.style6 p.quote {
font-size: 18px;
position: inherit;
}
.testimonial-item.style6 .reviews_rating {
display: inline-block;
}
.testimonial-item.style6 .testi-star i.active {
color: #FF853F;
}
.testimonial-item.style6 p.ratting_text {
margin: 0;
display: inline-block;
color: #FF6D45;
font-size: 20px;
font-weight: 600;
} .testimonial.style6 .owl-nav {
position: absolute;
top: inherit;
right: inherit;
bottom: -79px;
}
.testimonial.style6 button.owl-prev i {
display: inline-block;
height: 47px;
width: 47px;
line-height: 47px;
text-align: center;
background: #fff;
border-radius: 100%;
border: dashed 1px#ABB3AF;
transition: .5s;
margin-right:8px;
}
.testimonial.style6 button.owl-next i {
display: inline-block;
height: 47px;
width: 47px;
line-height: 47px;
text-align: center;
background: #fff;
border-radius: 100%;
border: dashed 1px#ABB3AF;
transition: .5s;
}
.testimonial.style6 button.owl-prev i:hover,
.testimonial.style6 button.owl-next i:hover{
background:#FF6D45;
color:#fff;
} .testimonial-item.style6.style7 .testi_content {
transition: .5s;
}
.testimonial-item.style6.style7:hover .testi_content {
background: #FF6D45;
}
.testimonial-item.style6.style7:hover p.ratting_text ,
.testimonial-item.style6.style7:hover i.active,
.testimonial-item.style6.style7:hover p.quote_two,
.testimonial-item.style6.style7:hover p.quote{
color:#fff!important;
} .testimonial.style6 .owl-dots {
display: flex;
justify-content: center;
margin-top:60px;
}
.testimonial.style6 button.owl-dot {
border: 1.5px solid #B1B9B3;
height: 16px;
width: 16px;
border-radius: 100%;
margin: 0 7px 0;
}
.testimonial.style6 button.owl-dot.active{
position:relative;
background:#FF6D45;
border-color:#FF6D45;
}
.testimonial.style6 button.owl-dot.active:after {
position: absolute;
content: "";
top: 0;
left: -6px;
height: 26px;
width: 26px;
border-radius: 100%;
border: 1.5px solid #FF6D45;
right: 0;
bottom: 0;
margin: auto;
}
.moving-dark .testimonial-item.style6 .testi_content {
background: #15505E;
} .filter-tab #tabs {
margin: 0;
list-style: none;
display: block;
text-align: left;
}
.filter-tab .container{
max-width:1320px;
padding:0 10px;
margin:auto;
}
.filter-tab .tab_content h1 {
display: inline-block;
font-size: 30px;
font-weight: 600;
margin: 0 0 16px;
}
.filter-tab ul.features {
margin-top: 26px;
}
.filter-tab .row.alignment {
display: flex!important;
align-items: center!important;
}
.filter-tab ul li {
display: inline-block;
position: relative;
border-radius: 10px;
margin-bottom: 15px;
text-align: left;
height: 100%;
}
.filter-tab ul li:last-child{
margin-right:0px;
}
.filter-tab tab_thumb {
position: relative;
z-index: 1;
}
.filter-tab .tab_thumb img{
width:100%;
}
.filter-tab #tabs li a img {
max-height: 150px;
max-width: 150px;
object-fit: cover;
filter: brightness(0)invert(1);
margin-bottom: 20px;
}
.filter-tab #tabs li{
position:relative;
}
.filter-tab #tabs li a.inactive:before{
display: none!important;
}
.filter-tab #tabs h5.text {
position: inherit;
color: #152b63;
font-weight: 500;
text-align: left;
font-size: 17px;
}
.filter-tab #tabs li a h5.text {
color: #fff;
position: relative;
z-index: 22;
}
.filter-tab #tabs li a.inactive h5.text {
color: #151515;
}
.filter-tab #tabs li a.inactive img {
filter: brightness(0)invert(1);
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.filter-tab #tabs a {
cursor: pointer;
padding: 0 7px;
align-items: center;
text-align: left;
border-radius: 5px;
line-height: 0;
outline: none;
padding: 8px 39px;
transition: all 0.2s ease-in-out;
display: inline-block;
color: var(--theme-color-white); font-family: var(--title-font);
border: 1.5px solid rgba(255, 255, 255, 0.15);
border-radius: 45px;
font-weight: 500;
font-size: 18px;
background: var(--theme-color2) !important;
margin-right: 15px;
}
.filter-tab #tabs li a.inactive {
background: transparent!important;
outline: none;
position: relative;
color: #1e1e1e;
}
.filter-tab #tabs li:before a.inactive {
background: #fff;
outline: none;
position: relative;
}
.filter-tab #tabs li a:hover,
.filter-tab #tabs li a.inactive:hover {
color: #5685bc;
outline:none;
}
.filter-tab .row.tab_two {
background: #fff;
margin: 0 13px;
position: relative;
z-index: 1;
}
.filter-tab .text {
text-align: left;
width: 89%;
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 90%;
}
.filter-tab .text p {
color: rgba(255,255,255,0.80); 
}
.filter-tab .tab_content {
padding: 0 25px 0;
text-align: left;
}
.filter-tab .tab_content p {
line-height: 30px;
}
.filter-tab h3.title_text {
padding: 0px 0 19px;
margin-bottom: 30px;
position: relative;
z-index: 1;
display: inline-block;
font-size: 24px;
color: #1e1e1e;
font-weight: 500;
margin-top: 0;
}
.filter-tab h3.title_text:before {
position: absolute;
content: "";
left: 0;
bottom: 7px;
width: 30px;
height: 1px;
background: #1e1e1e;
transition: 0.5s;
}
.filter-tab ul.features li {
display: block;
position: relative;
border-radius: 0px;
margin-bottom: 15px;
text-align: left;
height: 100%;
}
.filter-tab .tab_btn {
display: inline-block;
position: relative;
z-index: 22;
margin-top: 46px;
}
.filter-tab a.tab_button {
font-size: 16px;
color: #fff;
transition: .5s;
display: inline-block;
background: #13277D;
border-radius: 0;
padding: 16px 37px;
z-index: 2;
}
.filter-tab a.tab_button:after {
position: absolute;
content: "";
top: 5px;
left: 5px;
border: 1px solid#279E64;
height: 100%;
width: 100%;
z-index: -1;
transition: .5s;
transform: scale(1);
border-radius: 0;
background: transparent;
}
.filter-tab a.tab_button:hover:after {
top: 0;
left: 0;
}
.filter-tab a.tab_button:hover {
background: #279E64;
}
.filter-tab #tabs li a h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
}
.filter-tab #tabs li a p{
color: #fff;
}
.filter-tab #tabs li a.inactive p{
color: #828fa0;
}
.filter-tab .content {
padding-top: 12px;
text-align: left;
}
.filter-tab .content .title{
color: #fff;
font-size: 22px;
font-weight: 600;
}
.filter-tab .content h1, .filter-tab .content h2 {
margin-left: 0;
color: #062461;
line-height: 40px;
font-size: 34px;
font-weight: 700;
margin: 0 0 20px;
}
.filter-tab .content .text h3{
font-size: 22px;
font-weight: 600;
}
.filter-tab .text .tab_content p.description {
margin-top: 20px;
}
.filter-tab .content .text p {
margin: 0px 0 13px;
}
.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;
}
.tab_content h4 {
font-size: 16px;
color: #da242b;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 23px;
}
.description{
display: block;
}
a.tab_button i {
font-size: 11px;
margin-left: 8px;
}
ul#tabs li a i {
display: inline-block;
color: #fff;
position: relative;
z-index: 2;
top: 4px;
}
.filter-tab #tabs li a.inactive div#tab1C {
margin-top: -9px;
}
.filter-tab #tabs li a.inactive i {
color: #151515;
}
.filter-tab a.active:after {
background: #fff;
}
.filter-tab .tab-content {
background: #EDEFED;
padding: 35px 40px 17px;
margin-top: 0;
margin-bottom: 30px;
}
.filter-tab .my-accordion li p {
padding: 0 47px 32px 74px;
}
.filter-tab .my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
border: 1px solid #ffffff8f;
padding: 23px 29px 23px 30px;
border-radius: 5px;
z-index: 1;
font-size: 20px;
font-weight: 600;
font-family: "Playfair Display";
background: transparent;
border: 1px solid rgba(82, 97, 78, 0.16);
color: #1e1e1e;
}
.filter-tab .my-accordion a span{
color: #1e1e1e;
}
.filter-tab .my-accordion a.active span{
color: #fff;
}
.service-faq .my-accordion a {
border: 1px solid #52614e;
color: #52614e;
} .filter-tab-two #tabs {
margin: 0 0 23px;
list-style: none;
display: flex;
text-align: left;
justify-content: center;
}
.filter-tab-two .container{
max-width:1320px;
padding:0 10px;
margin:auto;
}
.filter-tab-two .tab_content h1 {
display: inline-block;
font-size: 30px;
font-weight: 600;
margin: 0 0 16px;
}
.filter-tab-two ul.features {
margin-top: 26px;
}
.filter-tab-two .single_tab {
position: relative;
z-index: 1;
border-radius: 20px;
padding: 54px 38px 56px;
}
.filter-tab-two .single_tab:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/Bg-1-9.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: -1;
border-radius: 20px;
}
.filter-tab-two .image {
position: absolute;
right: 31px;
top: 35px;
}
.filter-tab-two .row.alignment {
display: flex!important;
align-items: center!important;
}
.filter-tab-two ul li {
display: inline-block;
position: relative;
border-radius: 10px;
margin-bottom: 15px;
text-align: left;
height: 100%;
margin-right: 16px;
}
.filter-tab-two ul li:last-child{
margin-right:0px;
}
.filter-tab-two tab_thumb {
position: relative;
z-index: 1;
}
.filter-tab-two .tab_thumb img{
width:100%;
}
.filter-tab-two #tabs li a img {
max-height: 150px;
max-width: 150px;
object-fit: cover;
filter: brightness(0)invert(1);
margin-bottom: 20px;
}
.filter-tab-two #tabs li {
position: relative;
width: 23%;
}
.filter-tab-two #tabs li a.inactive:before{
display: none!important;
}
.filter-tab-two #tabs h5.text {
position: inherit;
color: #152b63;
font-weight: 500;
text-align: left;
font-size: 17px;
}
.filter-tab-two #tabs li a h5.text {
color: #fff;
position: relative;
z-index: 22;
}
.filter-tab-two #tabs li a.inactive h5.text {
color: #151515;
}
.filter-tab-two #tabs li a.inactive img {
filter: brightness(0)invert(1);
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.filter-tab-two #tabs a {
cursor: pointer;
padding: 0 7px;
align-items: center;
text-align: left;
border-radius: 5px;
line-height: 0;
outline: none;
padding: 19px 31px;
transition: all 0.2s ease-in-out;
display: inline-block;
color: var(--theme-color-white);
font-family: "Outfit";
border-radius: 45px;
font-weight: 500;
font-size: 19px;
margin-right: 15px;
width: 100%;
background: #FF6D45;
}
.filter-tab-two #tabs li a.inactive {
background: #182F24;
outline: none;
position: relative;
color: #1e1e1e;
}
.filter-tab-two #tabs li:before a.inactive {
background: #fff;
outline: none;
position: relative;
}
.filter-tab-two #tabs li a:hover,
.filter-tab-two #tabs li a.inactive:hover {
color: #5685bc;
outline:none;
}
.filter-tab-two .row.tab_two {
background: #fff;
margin: 0 13px;
position: relative;
z-index: 1;
}
.filter-tab-two .text {
text-align: left;
color: var(--theme-color3);
font-weight: 400;
font-size: 16px;
line-height: 26px;
width: 100%;
}
.filter-tab-two .text p {
color: var(--theme-color3);
margin: 19px 0 31px;
}
.filter-tab-two .tab_content {
padding: 0 25px 0;
text-align: left;
}
.filter-tab-two .tab_content p {
line-height: 30px;
}
.filter-tab-two h3.title_text {
padding: 0px 0 19px;
margin-bottom: 30px;
position: relative;
z-index: 1;
display: inline-block;
font-size: 24px;
color: #1e1e1e;
font-weight: 500;
margin-top: 0;
}
.filter-tab-two ul.features li{
color:#fff;
}
.filter-tab-two ul.features li img {
position: relative;
top: 3px;
margin-right: 4px;
}
.filter-tab-two h3.title_text:before {
position: absolute;
content: "";
left: 0;
bottom: 7px;
width: 30px;
height: 1px;
background: #1e1e1e;
transition: 0.5s;
}
.filter-tab-two h3.title {
color: #fff;
margin: 30px 0 15px;
font-size: 40px;
font-weight: 500;
}
.filter-tab-two ul.features li {
display: block;
position: relative;
border-radius: 0px;
margin-bottom: 15px;
text-align: left;
height: 100%;
}
.filter-tab-two .tab_btn {
display: inline-block;
position: relative;
z-index: 22;
margin-top: 46px;
}
.filter-tab-two a.tab_button {
display: inline-block;
font-family: var(--title-font);
color: #fff;
background: #FF6D45;
padding: 13px 37px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 300ms ease;
overflow: hidden;
margin-top: 35px;
}
.filter-tab-two a.tab_button::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color7);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.filter-tab-two a.tab_button:hover::after {
width: 100%;
transform: skew(0deg);
left: 0;
}
.filter-tab-two #tabs li a h3 i {
margin-right: 7px;
position: relative;
top: 0px;
}
.filter-tab-two #tabs li a h3 {
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 0;
}
.filter-tab-two #tabs li a.inactive h3 i {
color: #fff;
position: relative;
top: 0;
}
.filter-tab-two #tabs li a h3 span {
position: relative;
color: #6766FF;
margin-right: 55px;
}
.filter-tab-two #tabs li a h3 span:before {
position: absolute;
content: "";
left: 33px;
height: 17px;
width: 40px;
background: url(https://wp.dreamitworld.com/ai/wp-content/uploads/2025/09/Line-35-1.png);
background-repeat: no-repeat;
top: 10px;
}
.filter-tab-two #tabs li a p{
color: #fff;
}
.filter-tab-two #tabs li a.inactive p{
color: #828fa0;
}
.filter-tab-two .content {
padding-top: 12px;
text-align: left;
}
.filter-tab-two .content .title{
color: #fff;
font-size: 22px;
font-weight: 600;
}
.filter-tab-two .content h1, .filter-tab .content h2 {
margin-left: 0;
color: #062461;
line-height: 40px;
font-size: 34px;
font-weight: 700;
margin: 0 0 20px;
}
.filter-tab-two .content .text h3 {
font-size: 36px;
font-weight: 600;
margin: 32px 0 15px;
}
.filter-tab-two .text .tab_content p.description {
margin-top: 20px;
}
.filter-tab-two .content .text p {
margin: 0px 0 32px;
color: #fff;
font-size: 18px;
opacity: 0.6;
}
.filter-tab-two .tabs_content {
padding-left: 23px;
position: relative;
z-index: 2;
}
.filter-tab-two .content .text ul{
margin: 0 0 35px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.filter-tab-two .content .text ul li{
position: relative;
color: #828fa0;
font-size: 16px;
padding-left: 25px;
margin-right: 30px;
}
.filter-tab-two .content .text ul li:last-child{
margin-right: 0;
}
.filter-tab-two .content .text ul li::before{
content: '\f058';
position: absolute;
left: 0;
font-family: "Font Awesome 5 Free";
color: #533efe;
}
.filter-tab-two .tab_content h4 {
font-size: 16px;
color: #da242b;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 23px;
}
.filter-tab-two .description{
display: block;
}
.filter-tab-two a.tab_button i {
margin-left: 8px;
font-size:16px;
}
.filter-tab-two ul#tabs li a i {
display: inline-block;
color: #fff;
position: relative;
z-index: 2;
top: 0px;
}
.filter-tab-two #tabs li a.inactive div#tab1C {
margin-top: -9px;
}
.filter-tab-two #tabs li a.inactive i {
color: #151515;
}
.filter-tab-two a.active:after {
background: #fff;
}
.filter-tab-two .tab-content {
background: #EDEFED;
padding: 35px 40px 17px;
margin-top: 0;
margin-bottom: 30px;
}
.filter-tab-two .my-accordion li p {
padding: 0 47px 32px 74px;
}
.filter-tab-two .my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
border: 1px solid #ffffff8f;
padding: 23px 29px 23px 30px;
border-radius: 5px;
z-index: 1;
font-size: 20px;
font-weight: 600;
font-family: "Playfair Display";
background: transparent;
border: 1px solid rgba(82, 97, 78, 0.16);
color: #1e1e1e;
}
.filter-tab-two .my-accordion a span{
color: #1e1e1e;
}
.filter-tab-two .my-accordion a.active span{
color: #fff;
} .brand.style1 .brand-item {
width: 235px;
height: 120px;
border-radius: 16px;
text-align: center;
background: #ffffff;
display: inline-block;
padding: 43px 43px;
}
.brand.style1 .brand-item img {
transition: .5s;
display: inline-block;
} .circle-badge {
width: 200px;
height: 200px;
margin: 0 auto;
}
.circle-badge .image {
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center;
top: 36%;
} .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 .em-video-image img {
border-radius: 30px;
width: 100%;
height: 404px;
object-fit: cover;
}
.single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
margin: auto;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-weight: 500;
text-align: center;
background-color: rgba(255,255,255,0.2);
position: absolute;
display: inline-block;
font-size: 20px;
color: var(--theme-color2);
top: 34%;
left: 51%;
transform: translate(-50%, 50%);
width: 64px;
height: 64px;
line-height: 64px;
border-radius: 32px;
background-color: #fff;
text-align: center;
webkit-animation: ripple-white 1s linear infinite;
animation: ripple-blue 1s linear infinite;
-webkit-transition: 0.5s;
}
.single-video.style-one .video-icon a::before {
position: absolute;
content: "";
width: 86px;
height: 86px;
border-radius: 43px;
background-color: rgba(255, 255, 255, 0.3019607843);
left: -11px;
top: -11px;
}
.single-video.style-one .video-icon a::after {
position: absolute;
content: "";
width: 122px;
height: 122px;
border-radius: 61px;
background-color: rgba(255, 255, 255, 0);
border: 2px solid rgba(255, 255, 255, 0.3);
left: -30px;
top: -30px;
}
@keyframes ripple-blue {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.30196078431372547),
0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255,0.30196078431372547);
box-shadow: 0 0 0 0 rgba(255,255,255,0.30196078431372547),
0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255,0.30196078431372547);
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.30196078431372547),
0 0 0 20px rgba(255,255,255,0.30196078431372547), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255,255,255,0.30196078431372547),
0 0 0 20px rgba(255,255,255,0.30196078431372547), 0 0 0 30px rgba(255, 255, 255, 0);
}
}
.v-overlay .video-icon a i {
border: 0px solid #fff;
font-size: 30px;
} .single-video.style-one .video-icon,
.single-video.style-three .video-icon {
left: 50%;
position: absolute;
top: 34%;
-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)
}
}
.banner-video .single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
background-color: #D6E5D2;
backdrop-filter: inherit;
height: 65px;
width: 65px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 65px;
color: #fff;
position: relative;
-webkit-transition: .5s;
text-transform: uppercase;
font-family: 'Rajdhani';
font-weight: 600;
border: none;
font-size: 18px;
color: #52614E;
font-weight: 500;
font-family: "Open Sans";
text-align: center;
background-color: #D6E5D2;
}
.banner-video .single-video.style-one .video-icon a:before {
position: absolute;
content: "";
top: 32px;
right: -91px;
height: 1px;
width: 80px;
background: #fff;
}
.banner-video .single-video.style-one .video-icon a:after {
position: absolute;
content: "";
top: 28px;
right: -99px;
height: 8px;
width: 8px;
background: #fff;
border-radius: 50%;
}
.single-video.style-two .video-icon a {
background-color: #D6E5D2;
backdrop-filter: inherit;
top: 50%;
left: 0;
right: 0;
margin: auto;
border-radius: 50%;
line-height: 65px;
color: #fff;
position: relative;
text-align: center;
background-color: #D6E5D2;
background-color: #a6a471c2;
border: 1px solid #ffffff;
text-transform: uppercase;
border-radius: 100%;
font-size: 18px;
color: #ffffff;
font-weight: 500;
font-family: "Open Sans";
height: 125px;
line-height: 125px;
width: 125px;
backdrop-filter: blur(5.2px);
z-index: 1;
}
.single-video.style-two .video-icon a:after {
position: absolute;
content: "";
top: -18px;
left: -18px;
height: 160px;
width: 160px;
border: 1px solid#fff;
z-index: -1;
border-radius: 100%;
}
.mountain-demo .em-video-image img {
border-radius: 0;
}
.hero_info {
position: absolute;
bottom: 44%;
transform: rotate(90deg);
left: -7%;
}
.hero_info p {
font-size: 20px;
text-transform: uppercase;
color: #d5e5d1bf;
font-weight: 600;
cursor: pointer;
}
.hero_info img {
transform: rotate(-91deg);
margin-right: 43px;
margin-left: 43px;
position: relative;
top: 27px;
} .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;
} @keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .dance3 {
-webkit-animation: dance3 8s alternate infinite;
animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.dance {
-webkit-animation: dance 2s alternate infinite;
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.dance2 {
-webkit-animation: dance2 4s alternate infinite;
animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(25px, -25px, 0);
}
100% {
-webkit-transform: translate3d(0, -25px, 25px);
}
}
.watermark-animate {
-webkit-animation: watermark-animate 8s infinite;
animation: watermark-animate 8s infinite;
animation-direction: alternate-reverse;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes watermark-animate {
0% {
left: 0;
}
100% {
left: 100%;
}
} ul.item-list.style1 li{
list-style: none;
}
ul.item-list.style1 li a {
display: flex;
justify-content: space-between;
color: #fff;
font-weight: 400;
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding-bottom: 13px;
margin-bottom: 14px;
transition: 0.5s;
}
ul.item-list.style1 li a:hover{
color: #FF6D45;
} .single-video.style-two.style5 .video-icon a {
background-color: #D6E5D2;
backdrop-filter: inherit;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
-webkit-animation: none;
animation: none;
background-color: #D6E5D2;
background-color: #a6a471c2;
border: none;
color: #ffffff;
height: 125px;
line-height: 125px;
width: 125px;
backdrop-filter: blur(5.2px);
background: rgba(255, 255, 255, 0.2) !important;
position: relative;
text-align: center;
backdrop-filter: blur(6.5px);
z-index: 1;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-style: italic;
font-family: "Playfair Display";
}
.single-video.style-two.style5 .video-icon a:after {
position: absolute;
content: "";
top: 10px;
left: 17px;
height: 100%;
width: 100%;
border: 1px solid#746F6B;
z-index: -1;
border-radius: 100%;
} .single-video.style7 .video-icon a {
top: 50%;
left: 0;
right: 0;
margin: 0 0 0;
border-radius: 50%;
animation: none;
border: none;
color: #ffffff;
height: 96px;
line-height: 96px;
width: 96px;
background: rgba(255, 255, 255, 0.2) !important;
position: relative;
text-align: center;
backdrop-filter: blur(1px);
z-index: 1;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
border: 1px solid#fff;
}
.single-video.style7 .video-icon {
display: flex;
align-items: center;
}
.single-video.style7 h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
padding-top: 0;
text-transform: capitalize;
display: inline-block;
margin-left: 25px;
} .single-video.style8 .video-icon a{
position:relative;
position: relative;
z-index: 1;
font-size: 20px;
color: #FF6D45;
height: 110px;
width: 110px;
line-height: 110px;
background: #fff;
border-radius: 100%;
background: rgba(255, 255, 255, 0.16) !important;
backdrop-filter: blur(8.5px);
}
.single-video.style8 .video-icon a:before {
position: absolute;
content: "";
display: inline-block;
height: 80px;
width: 80px;
line-height: 80px;
background: #fff;
border-radius: 100%;
z-index: -1;
left: 0;
right: 0;
margin: auto;
bottom: 0;
top: 0;
} .skills {
position: relative;
margin-bottom: 25px;
}
.skills .skill-item {
position: relative;
margin-bottom: 27px;
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 0px;
}
.single_skill .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
width: 100%;
height: 7px;
border-radius: 5px;
background-color: #D3EEDB;
}
.skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 7px;
border-radius: 5px;
background-color: #FF6D45;
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #0C2417;
font-size: 15px;
font-weight: 700;
line-height: 30px;
position: absolute;
right: 0;
padding-bottom: 10px;
}
.skills .skill-item .bar.progress-line {
position: relative;
} .single_skill.style2 .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: #CBDFFA;
width: 100%;
height: 8px;
border-radius: 5px;
background-color: rgba(12,110,109,0.14901960784313725);
}
.single_skill.style2 .skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 3px;
border-radius: 5px;
height: 8px;
border-radius: 4px;
background-image: linear-gradient(90deg, #3513f9 0%, #1a90ff 100%);
}
.single_skill.style2 .skills .bar.progress-line:before {
display:none;
}
.single_skill.style2 .skills .skill-item .skill-header .skill-title {
margin-bottom: 12px;
font-size: 20px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.single_skill.style2 .skills .skill-item:last-child {
margin-bottom: 30px;
}
.single_skill.style2 .skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
position: absolute;
right: 0;
font-size: 20px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
} .single-donations-box.style1 {
background: #fff;
border-radius: 30px;
}
.single-donations-box.style1 .donations-content {
padding: 30px 40px 42px 40px;
}
.single-donations-box.style1 .skills {
position: relative;
margin-bottom: 6px;
}
.single-donations-box.style1 .donations-thumb {
position: relative;
line-height: 0;
overflow: hidden;
}
.single-donations-box.style1 figure.reveal {
position: relative;
width: 100%;
}
.single-donations-box.style1 .donations-thumb img {
width: 100%;
border-radius: 30px 30px 0 0;
}
.single-donations-box.style1 .donations-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.single-donations-box.style1:hover .donations-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.single-donations-box.style1 .skills .skill-item {
position: relative;
margin-bottom: 13px;
}
.single-donations-box.style1 .donations-tag h5 {
color: var(--theme-color-white);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 5px 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.single-donations-box.style1 .donations-tag h5::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color2);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.single-donations-box.style1:hover .donations-tag h5::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.single-donations-box.style1 .skills .skill-item .skill-header {
position: relative;
margin-bottom: 0px;
}
.single-donations-box.style1 .donations-tag {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
}
.single-donations-box.style1 .donations-content .skill-item .donation-skill-title h5 {
font-size: 18px;
font-weight: 500;
color: var(--heading-color);
margin-bottom: 10px;
}
.single-donations-box.style1 .donations-content .donations-btn a {
color: var(--heading-color);
display: flex;
font-family: var(--title-font);
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 40px;
justify-content: space-between;
align-items: center;
padding: 11px 30px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.single-donations-box.style1 .donations-content .donations-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color2);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.single-donations-box.style1:hover .donations-content .donations-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.single-donations-box.style1:hover .donations-content .donations-btn a{
color:#fff;
}
.single-donations-box.style1 .donations-content h2 {
line-height: 30px;
margin: 0 0 23px; 
}
.single-donations-box.style1 .donations-content h2 a {
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
transition: 0.5s;
}
.single-donations-box.style1 .donations-content h2 a:hover{
color:#FF6D45;
}
.single-donations-box.style1 .donations-content .skill-item .skill-bar {
position: relative;
width: 100%;
height: 5px;
border-radius: 5px;
background: rgba(65, 197, 117, 0.3);
}
.single-donations-box.style1 .donation-skill-title {
margin-bottom: 12px;
}
.single-donations-box.style1 .single_skill .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
width: 100%;
height: 5px;
border-radius: 5px;
background-color: #D3EEDB;
}
.single-donations-box.style1 .skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 5px;
border-radius: 5px;
background-color: #41C474;
}
.single-donations-box.style1 .skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #0C2417;
font-size: 15px;
font-weight: 700;
line-height: 30px;
position: absolute;
right: 0;
padding-bottom: 10px;
}
.single-donations-box.style1 .skills .skill-item .bar.progress-line {
position: relative;
}
.single-donations-box.style1 .donate-detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
margin: 2px 0 30px;
}
.single-donations-box.style1 .donate-item .donate-name {
font-family: var(--title-font);
font-weight: 500;
font-size: 16px;
}
.single-donations-box.style1 .donate-item .donate-price {
font-family: var(--title-font);
font-weight: 500;
font-size: 16px;
} .pricing.style1 {
background-color: #fff;
padding: 30px 30px 40px;
position: relative;
z-index: 1;
overflow: hidden;
}
.pricing-head {
padding-left: 18px;
}
.pricing.style1 .price-item span {
font-size: 45px;
color: #1e1e1e;
font-weight: 700;
transition: 0.5s;
}
.pricing.style1 span.month {
font-size: 17px;
color: #041424;
font-weight: 400;
transition: 0.5s;
}
h4.category-name {
position: absolute;
right: 40px;
}
.pricing.style1 .pricing-body {
padding-left: 18px;
padding-right: 18px;
}
.pricing.style1 .pricing-body ul{
margin: 0;
padding: 0;
list-style: none;
}
.pricing.style1 .pricing-body ul li {
margin-bottom: 10px;
transition: .5s;
display: flex;
align-items: center;
gap: 10px;
}
.pricing.style1 .pricing-body ul li i {
display: inline-block;
color: #52614e;
font-size: 16px;
margin-right: 4px;
}
.pricing.style1 .pricing-button {
position: relative;
display: block;
transition: .5s;
padding: 13px 58px;
z-index: 1;
text-align: center;
margin-top: 36px;
}
.pricing.style1 .pricing-button i {
position: relative;
padding-left: 10px;
top: 2px;
transition: .5s;
}
.pricing.style1 a.pricing-button:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #FF6D45;
transform: scale(0);
border-radius: 50px;
transition: 0.5s;
z-index: -1;
}
.pricing.style1:hover .pricing-button::before{
transform: scale(1) !important;
}
.pricing.style1:hover .pricing-button{
color:#fff !important;
border: 1px solid #FF6D45 !important;
}
.pricing.style1:hover {
border: 1px solid #FF6D45 !important;
} .pricing.style1.active {
position: relative;
z-index: 1;
}
.pricing.style1.active:before{
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2023/05/active.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index:-1;
border-radius: 5px;
}
.pricing.style1.active .pricing_img {
background: #fff;
}
.pricing.style1.active .pricing-title{
background-color: rgba(255,255,255,0.2);
}
.pricing.style1.active .pricing-title:before{
background:transparent;
} .pricing.style1.style-two {
position: relative;
padding: 50px 72px 50px;
background-color: #fff;
border-radius: 10px;
text-align: left;
border:3px solid transparent;
transition:.5s;
}
.pricing.style1.style-two.active,
.pricing.style1.style-two:hover{
border-color:#52614e;
}
.pricing.style1.style-two .price-item {
display: block;
position: relative;
right: inherit;
top: inherit;
padding: 35px 0 40px;
}
.pricing.style1.style-two .price-item .month {
color: #686868;
font-size: 16px;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
font-family: 'Rajdhani';
}
.pricing.style1.style-two .price-item .currency {
color: #686868;
font-size: 21px;
font-weight: 500;
position: relative;
top: -19px;
}
.pricing.style1.style-two .pricing-body {
padding: 0 0;
}
.pricing.style1.style-two .pricing-title {
font-size: 19px;
font-weight: 600;
position: relative;
margin: 0;
background: #E6EEFB;
display: inline-block;
padding: 11px 30px;
border-radius: 5px;
transition: .5s;
text-transform: uppercase;
}
.pricing.style1.style-two .pricing-title:before {
display:none;
}
.pricing.style1.style-two .pricing-button {
padding: 12px 30px;
background-color: #52614e;
font-family: 'Rajdhani';
font-size: 18px;
color: #fff;
border:2px solid transparent;
}
.pricing.style1.style-two.active .pricing-button,
.pricing.style1.style-two:hover .pricing-button{
border-color:#52614e;
background:transparent;
color:#52614e;
} .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%;} .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;
} .joint-event-box.style1 {
transition: .5s;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background: #F8F9F5;
border-radius: 20px;
padding: 48px 44px 52px 50px;
}
.joint-event-box.style1:hover {
background: #0B4654;
}
.joint-event-box.style1 span {
display: inline-block;
color: var(--theme-color2);
font-weight: 600;
font-size: 74px;
margin: 0;
transition: 0.5s;
font-family: var(--title-font);
}
.joint-event-box.style1:hover .joint-event-month h5 {
color: var(--theme-color3);
}
.joint-event-box.style1 .joint-event-month h5 {
font-size: 16px;
line-height: 30px;
color:var(--title-color);
font-weight: 500;
}
.joint-event-box.style1 .joint-event-month h5 {
line-height: 30px;
color: var(--heading-color);
font-weight: 500;
font-size: 18px;
margin: 0;
transition: 0.5s;
}
.joint-event-box.style1 .joint-event-month {
display: flex;
align-items: center;
gap: 15px;
}
.joint-event-box.style1 .event-title h3 {
font-size: 30px;
line-height: 38px;
color: var(--title-color);
font-weight: 600;
position: relative;
z-index: 1;
}
.joint-event-box.style1 .event-title h3 a {
display: inline-block;
color: var(--heading-color);
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 0;
transition: 0.5s;
}
.joint-event-box.style1:hover .event-title h3 a{
color: #fff;
}
.joint-event-box.style1 .event-location ul li {
list-style: none;
color: var(--text-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 12px;
transition: 0.5s;
}
.joint-event-box.style1:hover .event-location ul li {
color: var(--theme-color3);
}
.joint-event-box.style1 .event-location ul li img {
margin-right: 8px;
position: relative;
top: 6px;
transition:.5s;
}
.joint-event-box.style1  .event-thumb {
position: absolute;
top: 80px;
right: 66px;
transition: .7s;
z-index: 1;
}
.joint-event-box.style1 .event-thumb img {
z-index: -22;
transition: .7s;
opacity: 0;
}
.joint-event-box.style1:hover .event-thumb img{
opacity: 1;
}
.joint-event-box.style1:hover .event-thumb {
top: 40px;
}
.joint-event-box.style1 .event-thumb img:hover {
transform: skew(0deg, 6deg);
}
.joint-event-box.style1 .joint-event-btn a {
display: inline-block;
color: var(--heading-color);
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
border: 1px solid rgba(12, 35, 24, 0.15);
border-radius: 45px;
padding: 10px 33px;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
top: 8px;
}
.joint-event-box.style1 .joint-event-btn a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15%;
right: 0;
width: 0;
height: 106%;
background: var(--theme-color7);
transform: skew(45deg);
transition: all 0.4s ease-in-out;
z-index: -1;
}
.joint-event-box.style1:hover .joint-event-btn a::before {
width: 100%;
transform: skew(0deg);
left: 0;
}
.joint-event-box:hover .joint-event-btn a{
color:#fff;
}
.joint-event-box.style1 .joint-event-btn a i{
margin-left: 10px;
}
.joint-event-box.style1  .event-shape {
position: absolute;
top: 94px;
left: 130px;
animation: upDown 1.5s ease-in-out 1.6s forwards infinite alternate;
} .joint-event-box.style3 .event-thumb {
line-height: 0;
}
.joint-event-box.style3 .thumb img {
width: 100%;
}
.joint-event-box.style3 .event-content {
border-radius: 5px;
filter: drop-shadow(0px 5px 30px rgba(117, 117, 117, 0.1));
background-color: var(--theme-color-white);
padding: 30px 31px 23px;
width: 92%;
margin: auto;
margin-top: -28px;
}
.joint-event-box.style3 .joint-event-month h5 {
font-size: 22px;
margin: 0;
margin-bottom: 14px;
font-weight: 500;
}
.joint-event-box.style3 ul.features {
margin-top: 20px;
}
.joint-event-box.style3 ul.features li {
list-style: none;
margin: 0 0 7px;
}
.joint-event-box.style3 ul.features li img{
margin-right:6px;
}
.joint-event-box.style3 .joint-event-btn a {
display: inline-block;
color: #686868;
} .contact{
position: relative;
z-index: 1;
}
.contact:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 147px;
width: 100%;
background: #52614e;
z-index: -1;
border-radius: 3px 3px 0 0;
}
.contact:after {
position: absolute;
content: "";
top: 137px;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/loginet/wp-content/uploads/2023/05/square-line.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
background: #f7f4f4;
padding-left: 25px;
padding-top: 20px;
height: 135px;
border: 1px solid rgba(35, 35, 35, 0.12);
border-radius: 30px;
color: #232323;
transition: .5s;
}
.buttons input {
background: #52614e;
text-align: center;
padding: 16px 40px;
font-size: 18px;
color: #fff;
display: inline-block;
font-weight: 500;
border-radius: 32px;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
border: 1px solid #52614e;
background-color: #52614e;
margin-top: 13px;
}
.buttons input:hover{
background:transparent;
border-color: #fff;
}
.form-area.quote_form.style_two .buttons input:hover{
background:#fff!important;
color:#252525!important;
}
.form-group input::placeholder {
color: #6d6d6d!important;
}
.form-group:last-child {
margin-bottom: 0px;
}
.buttons p {
margin: 0;
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: 0.75;
width: 12px;
height: 12px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.contact input.form-control {
border: 0;
border-radius: 6px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #ddd;
width: 100%;
height: 50px;
padding-left: 25px;
background: #f7f4f4;
border-radius: 30px;
color: #fff;
border: 1px solid rgba(35, 35, 35, 0.12);
transition: .5s;
}
.contact .form-control:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #52614e;
} .form-area.main-contact.style_two .form-group input {
transition: 0.3s;
outline: 0;
width: 100%;
height: 54px;
border: 1px solid #6B7C74;
background: #174F5D;
border-radius: 50px;
padding: 0 35px 0 30px;
color: #fff;
}
.form-area.main-contact.style_two .option-box select {
color: var(--theme-color2);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
display: inline-block !important;
transition: 0.3s;
outline: 0;
width: 100%;
height: 54px;
border: 1px solid #6B7C74;
background: #174F5D;
border-radius: 50px;
padding: 0 35px 0 30px;
}
.form-area.main-contact.style_two .form-group textarea.wpcf7-form-control.wpcf7-textarea {
transition: 0.3s;
outline: 0;
width: 100%;
height: 137px;
background: #174F5D;
border-radius: 30px;
padding: 20px 35px 0 30px;
border: 1px solid #6B7C74;
color:#fff;
}
.form-area.main-contact.style_two .form-group .buttons input {
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
display: inline-block;
color: #fff;
background: var(--theme-color2);
border-radius: 45px;
padding: 13px 35px;
position: relative;
z-index: 1;
margin-top: 5px;
width: inherit;
border: 0;
}
.form-area.main-contact.style_two .form-group .buttons input:hover{
background: var(--theme-color7);
}
.form-area.main-contact.style_two input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #8C9F9B!important;
}
.form-area.main-contact.style_two textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #8C9F9B!important;
} .form-area.style-three .booking-input-box {
display: flex;
align-items: center;
border: 1px solid #c6c6c678;
width: 100%;
background: transparent;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: relative;
height: 56px;
padding: 13px 0 0 93px;
}
.form-area.style-three .booking-input-box h4 {
color: #fff;
font-size: 16px;
position: absolute;
left: 15px;
top: 5px;
font-weight: 300;
}
.form-area.style-three input#datemax2 {
background: transparent;
color: #fff;
box-shadow: none;
border: none;
}
.form-area.style-three select.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.14901960784313725);
height: 55px;
color: #fff;
padding: 0 10px 0 75px;
position: relative;
outline: 0;
background: transparent;
} .form-area.contact-form.contact-four .form-control {
width: 100%;
height: 60px;
padding-left: 25px;
background: #f9f9f9;
border-radius: 5px;
color: #232323;
transition: 0.5s;
border: 1.2px solid #e7e7e8;
}
.form-area.contact-form.contact-four input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #686868!important;
}
.form-area.contact-form.contact-four textarea.wpcf7-form-control.wpcf7-textarea.form-control {
height: 150px;
border: 1.2px solid #e7e7e8;
}
.form-area.contact-form.contact-four textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #686868!important;
}
.form-area.contact-form.contact-four .buttons input {
padding: 16px 33px;
background: #011533;
display: block;
color: #fff;
border-radius: 5px;
width: inherit;
cursor: pointer;
text-align: center;
transition: .5s;
border: none;
margin-top: 17px;
}
.form-area.contact-form.contact-four .buttons input:hover{
background: #0b59d7; 
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #fff!important;
}
textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
color: #fff!important;
} textarea:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #52614e!important;
} .form-area.style-two .form-control {
border:none;
width: 100%;
height: 56px;
background: #fff;
border-radius: 4px;
}
.form-area.style-two input.form-control {
border:none;
width: 100%;
height: 56px;
background: #fff;
border-radius: 4px;
}
.form-area.style-two .buttons input {
padding: 14px 33px;
background: #52614e;
border: none;
font-weight: 500;
width: inherit;
border-radius: 4px;
} .form-area.style-three input[type="email"] {
height: 57px;
padding: 5px 25px;
width: 100%;
border-radius: 5px;
outline: 0;
}
.form-area.style-three select.wpcf7-form-control.wpcf7-select {
width: 100%;
height: 56px;
padding: 0 25px;
}
.form-area.style-three textarea.wpcf7-form-control.wpcf7-textarea {
background: #fff;
height: 138px;
border: none;
border-radius: 5px;
}
.form-area.style-three .buttons input {
border-radius: 0;
width: inherit;
padding: 15px 42px;
display: inline-block;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
background: #6e7c6b;
border: 1px solid var(--btn-color);
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin-top: 0;
position: relative;
top: 0;
}
.form-area.style-three input.wpcf7-form-control.wpcf7-text.form-control::placeholder {
color: #6d6d6d!important;
}
.form-area.quote_form.style_two .form-control:focus {
outline: none;
box-shadow: none;
border-color: #fff!important;
} .form-area.style-four .booking-input-box {
position: relative;
width: 20%;
display: flex;
background-color: rgba(255, 255, 255, 0.07058823529411765);
margin-right: 15px;
justify-content: space-between;
height: 55px;
border: 1px solid#ADBFC3;
position: relative;
padding: 11px 10px 0;
}
.form-area.style-four .booking-input-box:before {
position: absolute;
content: "";
top: 0;
left: 36px;
height: 100%;
width: 1px;
background-color: #ADBFC3;
}
.form-area.style-four .form-group {
position: relative;
width: 20%;
display: inline-block;
position: relative;
width: 17%;
display: flex;
background-color: rgba(255, 255, 255, 0.07058823529411765);
margin-right: 15px;
justify-content: space-between;
height: 55px;
border: 1px solid #ADBFC3;
position: relative;
padding: 11px 10px 0;
}
.form-area.style-four .form-group:before {
position: absolute;
content: "";
top: 0;
left: 36px;
height: 100%;
width: 1px;
background-color: #ADBFC3;
}
.form-area.style-four .booking-input-box h4 {
color: #fff;
font-size: 14px;
margin: 0 0 0;
line-height:30px;
}
.form-area.style-four input#datemax2 {
background: transparent;
border: none;
color: #fff;
}
.form-area.style-four .icon p {
margin: 0;
color: #fff;
margin-top: 2px;
}
.form-area.style-four .form-group.style-two {
border: none;
background: transparent;
padding: 0;
}
.form-area.style-four select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.from-control {
background: transparent;
border: none;
color: #fff;
}
.form-area.style-four input.wpcf7-form-control.wpcf7-submit.has-spinner.button {
margin: 0;
}
.form-area.style-four .buttons input {
background: #52614e;
text-align: center;
padding: 14px 40px;
font-size: 18px;
color: #fff;
border-radius: 0;
position: relative;
border: 1px solid #52614e;
background-color: #52614e;
margin-top: 13px;
} .loginet-blog-area.em-theme-main-page .loginet-single-blog-details{
background: #f9f9f9;
padding: 40px 40px 35px;
margin-bottom: 40px;
}
.loginet-blog-area.em-theme-main-page p.post-thumbnail.mphb-loop-room-thumbnail a img {
width: 100%;
height: 604px;
object-fit: cover;
}
.loginet-single-blog-details button.button.mphb-button.mphb-book-button {
border: none!important;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page .button.mphb-button.mphb-book-button {
display: inline-block;
border-radius: 0;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 18px;
color: #ffffff;
font-weight: 400;
padding: 8px 36px;
text-transform: uppercase;
background-color: #FF6D45;
overflow: hidden;
border: none;
margin-top: 16px;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page .button.mphb-button.mphb-book-button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #161616;
border-radius: 0px;
transition: .5s;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page .button.mphb-button.mphb-book-button:hover:before {
width: 100%;
left: 0;
}
.loginet-blog-area.em-theme-main-page .button.mphb-button.mphb-book-button {
border: none;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page button.button.mphb-button.mphb-recommendation-reserve-button {
display: inline-block;
border-radius: 0;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 18px;
color: #ffffff;
font-weight: 400;
padding: 8px 36px;
text-transform: uppercase;
background-color: #FF6D45;
overflow: hidden;
border: none;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page button.button.mphb-button.mphb-recommendation-reserve-button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #161616;
border-radius: 0px;
transition: .5s;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page button.button.mphb-button.mphb-recommendation-reserve-button:hover:before {
width: 100%;
left: 0;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page .loginet-single-blog-details ul {
padding-left: 17px;
margin-bottom: 31px;
margin-top: 26px;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page .loginet-single-blog-details ul li {
margin-bottom: 10px;
list-style: none;
} .blog-post.style1 .post-item {
margin-bottom: 20px;
border-radius: 0;
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
}
.blog-post.style1 .post-thumb {
position: relative;
overflow: hidden;
line-height: 0;
padding: 10px; 
}
.blog-post.style1 .post-thumb img {
overflow: hidden;
transition: .5s;
width: 100%;
border-radius: 20px;
}
.blog-post.style1 figure.reveal {
position: relative;
width: 100%;
}
.blog-post.style1 .user_thumb {
display: inline-block;
}
.blog-post.style1 .single_blog_post_content {
padding: 33px 0px 0px;
position: relative;
}
.blog-post.style1 .categories {
display: inline-block;
}
.blog-post.style1 .user_author {
display: inline-block;
margin-right: 11px;
}
.blog-post.style1 .categories a {
position: relative;
z-index: 1;
display: inline-block;
font-weight: 500;
font-size: 14px;
background: #FF6D45;
color: #fff;
padding: 2px 22px;
border-radius: 20px;
text-transform: uppercase;
margin-right: 10px;
}
.blog-post.style1 .post-item .blog_post_inner_content {
padding: 25px 20px 33px;
}
.blog-post.style1 .post-item .content .meta {
display: flex;
align-items: center;
margin-bottom: 12px;
color: #52614e;
}
.blog-post.style1 .meta i {
color: #52614e;
display: inline-block;
margin-right: 3px;
}
.blog-post.style1 ul.post-categories {
list-style: none;
}
.blog-post.style1 h3.title a {
display: inline-block;
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 500;
margin-top: 5px;
}
.blog-post.style1 h3.title a:hover{
color:#52614e ;
}
.blog-post.style1 .single_blog_post_content h3 {
margin: 0 0 0;
}
.blog-post.style1 .single_blog_post_content h3 a {
display: inline-block;
font-weight: 600;
font-size: 36px;
line-height: 44px;
padding: 20px 30px 30px 0px;
border-bottom: 1px solid rgba(12, 35, 24, 0.1);
margin: 0 0 5px 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
transition: 0.5s;
color: inherit;
}
.blog-post.style1 .single_blog_post_content h3 a:hover{
color:#FF6D45;
}
.blog-post.style1 .meta {
display: inline-block;
font-family: 'Rajdhani';
font-weight: 500;
text-transform: uppercase;
}
.blog-post.style1 .date {
color: #4d6459;
margin: 0;
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
}
.blog-post.style1 .date span {
display: inline-block;
font-size: 20px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
text-align: center;
position: relative;
top: 8px;
}
.blog-post.style1 .user_thumb {
display: inline-block;
height: 30px;
width: 30px;
margin-right: 9px;
float: left;
}
.blog-post.style1 .user_thumb img{
border-radius: 100%;
}
.blog-post.style1 .blog_post_user {
padding: 23px 0px 0;
border-top: 1px solid #ffffff4a;
margin-top: 20px;
}
.blog-post.style1 .author {
display: inline-block;
}
.blog-post.style1 .author a {
display: inline-block;
color: #fff;
font-size: 16px;
margin: 0;
font-weight: 500;
text-transform: capitalize; 
}
.blog-post.style1 .blog_btn a {
position: relative;
display: inline-block;
color: #0c2318;
font-weight: 500;
font-size: 18px;
transition: 0.5s;
}
.blog-post.style1 .blog_btn a:hover{
color:#FF6D45;
}
.blog-post.style1 .blog_btn a i {
font-size: 13px;
display: inline-block;
font-weight: 600;
margin-left: 1px;
}
figure.reveal {
position: relative;
max-width: 100%;
} .blog-post.style1.style2 .post-item.style1 {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.blog-post.style1.style2 .post-thumb {
position: relative;
overflow: hidden;
line-height: 0;
flex-shrink: 0;
margin-right: 25px;
}
.blog-post.style1.style2 .post-thumb img {
overflow: hidden;
transition: .5s;
width: 272px;
border-radius: 20px;
height: 223px;
object-fit: cover;
}
.blog-post.style1.style2 .single_blog_post_content {
padding: 0px 0px 0px;
position: relative;
} .post-item.style3 {
padding: 20px 20px 33px;
background: #fff;
border-radius: 15px;
margin-bottom: 30px; 
}
.post-item.style3 .post-thumb{
position: relative;
z-index: 1;
overflow: hidden;
line-height:0;
}
.post-item.style3 .single_blog_post_content {
padding-top: 10px;
}
.post-item.style3 figure.reveal {
position: relative;
width: 100%;
}
.post-item.style3 .post-thumb::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.post-item.style3:hover .post-thumb::before {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.post-item.style3 .post-thumb img {
width: 100%;
border-radius:10px;
}
.post-item.style3 .date {
display: inline-block;
font-family: var(--title-font);
font-weight: 500;
font-size: 14px;
background: var(--theme-color2);
border-radius: 40px;
padding: 4px 19px;
margin-top: 20px;
color: #fff;
}
.post-item.style3 .single_blog_post_content h3{
margin:0 0 2px;
}
.post-item.style3 .single_blog_post_content h3 a {
color: var(--heading-color);
font-weight: 500;
font-size: 24px;
line-height: 32px;
margin: 12px 0 15px 0;
transition: 0.5s;
display: inline-block;
transition:.5s;
}
.post-item.style3 .single_blog_post_content h3 a:hover{
color:#FF6D45;
}
.post-item.style3 .user_author a {
display: inline-block;
color: var(--theme-color2);
}
.meta-date {
position: absolute;
left: 0px;
bottom: 0px;
height: 34px;
line-height: 34px;
padding: 10px 28px 40px 3px;
background: #fff;
font-size: 16px;
line-height: 35px;
font-weight: 500;
border-radius: 0 20px 0 0;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
transition: all 0.4s ease 0s; 
cursor: pointer;
}
.meta-date::before {
position: absolute;
right: -16px;
bottom: 0px;
content: "";
height: 16px;
width: 16px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23ffffff"></path></svg>');
transform: rotate(270deg);
}
.meta-date::after {
position: absolute;
left: 0px;
top: -16px;
content: "";
height: 16px;
width: 16px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23ffffff"></path></svg>');
transform: rotate(270deg);
}
.dark .meta-date {
background: #0B4654;
color: #fff;
}
.dark .meta-date::before,
.dark .meta-date::after {
display:none;
}
.dark .post-comment {
color: #fff;  
}
.post-item.style3  a.read-more {
display: inline-block;
background: #FF6D45;
color: #fff !important;
padding: 5px 20px;
border-radius: 20px;
position:relative;
z-index:1;
}
.post-item.style3  a.read-more:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #0B4654;
border-radius: 0px;
transform: scale(0);
transition: .5s;
border-radius:20px;
}
.post-item.style3  a.read-more:hover:before {
transform:scale(1);
}
.post-item.style3 .Comment {
display: inline-block;
text-align: right;
margin-left:20px;
} .post-item.style1.style5 {
border-radius: 20px;
}
.blog-post.style1.style5 .post-thumb {
position: relative;
}
.post-item.style1.style5 .post-thumb:before {
right: 0;
position: absolute;
content: "";
top: 0;
left: 0;
height: 96%;
width: 95%;
transition: 0.5s;
opacity: 0;
border-radius: 20px;
z-index: 22;
background: linear-gradient(180deg, rgba(12, 35, 24, 0) 22.12%, rgba(255, 109, 69, 0.9) 90%);
margin: auto;
}
.post-item.style1.style5:hover .post-thumb:before{
opacity: 1;
}
.post-item.style1.style5 .single_blog_post_content {
padding: 33px 30px 30px;
position: relative;
} .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-filter .filters {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.portfolio-filter ul {
margin: 0;
list-style: none;
display: inline-block;
justify-content: center;
border-radius: 30px;
}
.portfolio-filter ul li {
text-transform: capitalize;
position: relative;
margin: 0 0px;
display: inline-block;
border-radius: 0;
transition: all 0.5s ease 0s;
cursor: pointer;
padding: 7px 22px;
display: inline-block;
margin-left: 10px;
font-size: 16px;
background-color: rgba(255, 255, 255, 0.10196078431372549);
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
}
.portfolio-filter li.current_menu_item {
background: #52614e;
color: #fff;
}
.portfolio-filter .content {
width: 100%;
margin: 0 auto;
padding: 0px;
text-align: center;
}
.portfolio-filter .port-thumb {
position: relative;
overflow: hidden;
line-height: 0;
border-radius: 0;
position:relative;
}
.portfolio-filter .port-thumb:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: 0.5s;
opacity: 0;
border-radius: 20px;
background: linear-gradient(180deg, rgba(12, 35, 24, 0) 22.12%, rgba(255, 109, 69, 0.9) 90%);
}
.portfolio-filter .single-content:hover .port-thumb:before{
opacity:1;
}
.portfolio-filter .single-content img {
width: 100%;
height: 400px;
border-radius: 20px;
object-fit: cover;
}
.portfolio-filter .content .grid-item {
margin-bottom:30px;
}
.portfolio-filter .content .grid-item .single-content{
position: relative;
overflow: hidden;
z-index: 1;
}
.portfolio-filter .single-content .prot_content{
position: relative;
z-index: 2;
border-radius: 0 0 4px 4px;
}
.portfolio-filter .single-content .prot_content {
position: absolute;
padding: 0;
left: 42px;
bottom: -188px;
text-align: left;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition: all 400ms linear;
}
.portfolio-filter .single-content:hover .prot_content{
bottom:30px;
}
.portfolio-filter .prot_content span {
font-size: 16px;
text-transform: uppercase;
color: #d5e5d1;
font-weight: 600;
margin: 24px 0 0;
display: inline-block;
}
.portfolio-filter .content .grid-item .prot_content h4 {
margin: 0 0 0;
}
.portfolio-filter .content .grid-item .prot_content h4 a {
font-size: 32px;
color: #ffffff;
font-weight: 500;
position: relative;
z-index: 1;
display: inline-block;
}
.portfolio-filter .content .grid-item .prot_content p {
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
display: inline-block;
padding: 14px 22px;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
}
.portfolio-filter .single-content .picon {
cursor: pointer;
z-index: 22;
position: absolute;
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #52614e;
display: inline-block;
font-size: 16px;
top: -52px;
transition: all 400ms linear;
left: 32%;
right: 0;
margin: auto;
}
.portfolio-filter .content .picon a i{
color: #fff;
}
.portfolio-filter .content .video-icon {
display: inline-block;
transition: all 500ms linear;
position: absolute;
top: -52px;
z-index: 2;
right: 65px;
}
.portfolio-filter .content .video-icon a {
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #52614e;
display: inline-block;
font-size: 13px;
}
.portfolio-filter .portfolio-btn a {
display: inline-block;
height: 58px;
width: 58px;
line-height: 58px;
background: #fff;
border-radius: 100%;
color: #FF6D45;
text-align: center;
}
.portfolio-filter a.portfolio-icon.venobox.vbox-item {
display: inline-block;
height: 58px;
width: 58px;
line-height: 58px;
background: #FF6D45;
border-radius: 100%;
color: #fff;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
transition: .5s;
opacity: 0;
}
.portfolio-filter .single-content:hover a.portfolio-icon.venobox.vbox-item{
opacity:1;
top:50%;
} .portfolio-filter .single-content:hover .picon{
top: 7%;
}
.portfolio-filter .single-content:hover .video-icon {
top: 7%;
} .portfolio_details {
overflow: hidden;
-webkit-box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
padding: 65px 50px 50px;
width:100%;
}
.portfolio_info {
padding-left: 50px;
padding-top: 0px;
}
.portfolio_info h2 {
font-size: 25px; padding-bottom: 17px;
}
.portfolio-details-box li strong {
margin-right: 5px;
}
.pr-title {
padding: 24px 0 18px;
}
.port_dtl_social{} 
.port_dtl_social span{
font-size:20px;
font-weight:700;
margin-bottom:10px;
display:block;
} 
.port_dtl_social a {
display: inline-block;
width: 35px;
height: 35px;
background: #FF6D45;
color: #fff;
border-radius: 5px;
font-size: 18px;
text-align: center;
margin-right: 10px;
line-height: 35px;
}
.portfolio_info h3 {
font-size: 25px;
padding-bottom: 17px
}
.portfolio-details-box li strong {
font-size: 20px;
margin-right: 5px
}
.pr-title {
padding: 24px 0 18px
}
.portfolio-details-box li {
border-bottom: 1px solid #ddd;
font-size: 18px;
font-weight: 300;
padding: 13px 0;
text-transform: capitalize;
list-style: none;
}
.portfolio_details .col-md-6 {
float: left;
}
.portfolio_info ul {
list-style: none;
}
.portfolio_info ul li {
padding: 5px 0;
margin-bottom: 20px;
}
.port_dtl_social {
margin-top: 20px;
}
.portfolio-details-box .port_dtl_social i {
color: #232323;
display: inline-block;
cursor: pointer;
margin: 0 10px;
}
.pr-title h2 {
font-size: 25px;
} .portfolio-filter.style2 .single-content img {
width: 100%;
height: 500px;
border-radius: 20px;
object-fit: cover;
}
.case-study.style2 .owl-nav {
position: absolute;
right: -183px;
bottom: 28%;
}
.case-study.style2 button.owl-prev i,
.case-study.style2 button.owl-next i {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 25px;
color: #fff;
background-color: rgba(0, 103, 255, 0);
border: 1px solid rgba(255, 255, 255, 0.3);
display: inline-block;
font-size: 16px;
font-weight: 600;
transition: 0.5s;
transform: rotate(180deg);
display: inline-block;
}
.case-study.style2 button.owl-prev i:hover, .case-study.style2 button.owl-next i:hover {
background: #52614e;
color: #fff;
}
.case-study.style2 .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #FFF;
text-decoration: none;
} ul#menu-service-mebu li {
list-style: none;
position:relative;
}
ul#menu-service-mebu li:before {
content: "\f16a";
position: absolute;
top: 15px;
left: 20px;
height: 25px;
width: 28px;
z-index: 22;
font-family: Flaticon;
font-style: normal;
color: #FF6D45;
transition:.5s;
}
ul#menu-service-mebu li a {
background: #ffffff;
padding: 14px 26px 14px 46px;
width: 100%;
display: inline-block;
margin-bottom: 14px;
color: #0c2318;
font-weight: 500;
border-radius: 5px;
position: relative;
z-index: 1;
transition: 0.5s;
}
ul#menu-service-mebu li a::before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #FF6D45;
z-index: -1;
border-radius: 5px;
transition: 0.5s;
}
ul#menu-service-mebu li:hover a::before {
width: 100%;
left: 0;
}
ul#menu-service-mebu li:hover:before{
color:#fff;
}
ul#menu-service-mebu li:hover a{
color:#fff;
}
.menu-service-menu-container ul {
list-style: none;
padding: 0;
}
.menu-service-menu-container ul li {
list-style: none;
margin-bottom: 14px;
}
.menu-service-menu-container ul li:last-child{
margin-bottom: 0;
}
.menu-service-menu-container ul li a {
position: relative;
display: block;
padding: 15px 7px 15px 49px;
background-color: #fff;
font-weight: 400;
font-size: 16px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
position: relative;
border-radius: 5px;
}
.menu-service-menu-container ul .current_page_item a {
background-color: #52614e;
color: #fff;
}
.menu-service-menu-container ul .current_page_item a::after {
background-color: #fff;
color:#52614e;
}
.menu-service-menu-container ul li a::after {
content: '\f00c';
position: absolute;
left: 19px;
top: 18px;
font-size: 12px;
font-family: 'FontAwesome';
height: 22px;
width: 22px;
background: #E9E9E9;
text-align: center;
line-height: 22px;
border-radius: 100%;
transition: .5s;
}
.menu-service-menu-container ul li a:hover:after {
background: #fff;
color: #52614e;
}
.menu-service-menu-container ul li a:hover:after{
background: #fff;
}
.details-service .dreamit-button .button {
padding: 11px 29px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
} .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;
} .my-accordion li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: #F0FDFE;
padding: 0 32px 0;
border-radius: 12px;
}
.my-accordion li:before {
position: absolute;
content: "";
right: 53px;
top: 30px;
width: 24px;
height: 24px;
border-radius: 5px;
background: #FF6D45;
z-index: 22;
}
.my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
border: 1px solid transparent;
padding: 21px 0 26px;
border-radius: 12px;
color: #0C2318 !important;
font-weight: 600;
font-size: 20px; 
}
.my-accordion li a.active {
background: #F0FDFE;
padding: 22px 0px 23px;
border-radius: 12px 12px 0 0;
}
.my-accordion a:after {
width: 10px;
height: 2px;
background: #fff;
position: absolute;
right: 28px;
content: " ";
top: 40px;
transition: all 0.2s ease-in-out;
z-index: 999;
}
.my-accordion a:before {
width: 2px;
height: 10px;
background: #fff;
position: absolute;
right: 32px;
content: " ";
top: 36px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
z-index: 999;
}
.my-accordion li p {
display: none;
overflow: hidden;
background: #F0FDFE;
padding: 20px 0 28px;
border-top: 1px solid #0C231833;
}
a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
z-index: 999;
}
a.active:before {
display: none;
} .accordion.style3 .my-accordion a {
width: 100%;
display: block;
cursor: pointer;
z-index: 1;
font-weight: 600;
font-family: "Playfair Display";
position: relative;
padding: 18px 30px 18px 30px;
border: 1px solid #F3F8F1;
background: #F3F8F1;
font-size: 20px;
color: #161616 !important;
font-weight: 500;
font-family: "Playfair Display";
border-radius: 0;
}
.accordion.style3 .my-accordion li p {
margin: 0;
overflow: hidden;
padding: 15px 45px 20px 30px;
background: transparent;
font-size: 15px;
color: #616161;
font-weight: 500;
border-radius: 0;
border-bottom: 1px solid #FF6D45;
border-right: 1px solid #FF6D45;
border-left: 1px solid #FF6D45; 
}
.accordion.style3 .my-accordion a.active {
border: none;
background: transparent;
border-radius: 0;
border: 1px solid black;
} .my-accordion.style4 a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
font-weight: 700;
font-size: 18px;
color: #232323;
background-color: #CEDEF7;
padding: 16px 20px 16px 59px;
z-index: 1;
border-radius: 10px;
background-color: #ffffff;
border: 1px solid rgba(4,20,36,0.1);
}
.my-accordion.style4 a.active .shape_img {
display: inline-block;
position: absolute;
right: 21px;
top: 80px;
cursor: inherit;
}
.my-accordion.style4 .shape_img {
display: none;
}
.my-accordion.style4 li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: #fff;
border-radius: 10px;
}
.my-accordion.style4 li p {
display: none;
padding: 42px 162px 42px 25px;
color: #616161;
font-size: 16px;
background: #fff;
border: 1px solid rgba(4,20,36,0.1);
border-top: none;
} .my-accordion.style7 li a {
border: 1px solid #E8F0E5;
padding: 23px 29px 23px 30px;
border-radius: 0px;
color: #52614e;
font-family: "Playfair Display";
background: #E8F0E5;
}
.my-accordion.style7 li a.active {
border: none;
padding: 23px 29px 23px 30px;
border-radius: 0px;
color: #fff;
font-family: "Playfair Display";
background: #647160;
}
.my-accordion.style7 a.active span.box-number{
color:#fff!important;
}
.my-accordion.style7 span.box-number {
padding: 0;
position: relative;
z-index: 1;
font-size: 20px;
color: #52614e;
font-weight: 600;
font-family: "Open Sans";
width: 45px;
height: 45px;
border-radius: 22px;
background-color: rgba(82,97,78,0.2);
display: inline-block;
text-align: center;
line-height: 45px;
margin-right: 16px;
}
.my-accordion.style7 li p {
display: none;
font-size: 16px;
padding: 23px;
padding: 0 61px 23px 94px;
margin: 0;
background: #647160;
overflow: hidden;
font-size: 16px;
border-radius: 0;
}
.my-accordion.style7 a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
right: 27px;
top: 41px;
width: 14px;
}
.my-accordion.style7 a:before {
width: 2px;
height: 14px;
right: 34px;
top: 35px;
}
.my-accordion.style7 a:after {
width: 14px;
height: 2px;
right: 28px;
content: " ";
top: 41px;
}
.my-accordion.style7 li {
margin-bottom: 10px;
} .dark-accordion .my-accordion.style7 a {
border: transparent;
background: #1C1E1B;
}
.dark-accordion .my-accordion.style7 a.active {
background: #647160;
}
.careers-ap-text h6.elementor-heading-title.elementor-size-default {
display: inline-block;
border-radius: 15px;
background-color: #52614e;
display: inline-block;
color: #fff;
font-weight: 600;
padding: 8px 25px;
font-size: 16px;
font-family: "Nunito", sans-serif;
}
.careers-ap-spm p {
display: inline-block;
margin-top: -49px;
position: absolute;
margin-left: 140px;
font-size: 15px;
} .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);
}
} @keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
} .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;
} .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;
} .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap:0px;
}
.marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap:0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
.marquee-block .content-box {
position: relative;
margin-right:0px;
}
.marquee-block .content-box:last-child {
margin-right:0px;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
.marquee.style1 .marquee-block h3 {
display: inline-block;
font-size: 36px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
margin: 0;
}
.marquee.style1 .marquee-block h3 img {
margin: 0 40px;  position: relative;
top: 6px;
} .marquee.style_5 .marquee-block h3 {
font-size: 36px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
background: transparent;
padding: 0;
}
.marquee.style_5 .marquee-block h3:before {
display: none;
}
.marquee.style_5 .marquee-block h3 img {
margin: 0 30px;
} .digital-agency .dreamit-slick-slider .single-slick.four.five .hero-text-wrap h4 {
color: #52614e;
font-weight: 600;
border: 2px solid #52614e;
border-radius: 7px;
}
.digital-agency .dreamit-slick-slider .single-slick.four.five .hero-text-wrap h1 {
color: #232323;
}
.digital-agency .dreamit-slick-slider .single-slick.four .hero-text-wrap p {
font-size: 29px;
color: #686868;
margin-top: 15px;
width: 83%;
font-weight: 500;
line-height: 1.21;
}
.digital-agency .dreamit-slick-slider .slider-single-image img {
display: block;
border-radius: 0;
}
.digital-agency .dreamit-slick-slider .single-slick.four.five .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: 0;
bottom: 0px;
}
.digital-agency  .dreamit-slick-slider .single-slick.four .slider-single-image:before {
left: 129px;
top: 33%;
}
.no-shaddows .service-box.style2 {
border-radius: 10px;
filter: none;
}
span.ai-span {
color: #52614e;
}
span.ai-star {
color: #FFD03E;
}
.app-development input {
width: 80%;
border: 1px solid #ddd;
padding: 0 15px;
height: 60px;
border-radius:4px;
outline:0;
}
.app-development p {
position: relative;
margin: 0;
width: 80%;
}
.app-development button{
background:#52614e;
}
.app-development button {
background: #52614e;
color: #fff;
border: 0;
border-radius: 4px;
padding: 9px 25px;
text-transform: capitalize;
position: absolute;
top: 34px;
right: 109px;
} .item.style1.dit-image-carousel {
position: relative;
z-index:1;
overflow:hidden;
}
.item.style1.dit-image-carousel img {
border-radius: 0px;
width: 100%;
object-fit: cover;
}
.item.style1.dit-image-carousel:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(255, 255, 255, 0.07058823529411765);
transform: scale(0);
transition:.5s;
border-radius:0px;
}
.item.style1.dit-image-carousel:hover:before{
transform:scale(1);
}
.dit-image-carousel-content {
position: absolute;
left: -301px;
bottom: 20px;
transition: .7s;
display: none;
}
.item.style1.dit-image-carousel h2 a {
color: #fff;
background: #52614e;
display: inline-block;
padding: 10px 30px;
font-size: 23px;
border-radius:5px;
}
.item.style1.dit-image-carousel:hover .dit-image-carousel-content{
left:0px;
} .item.style2 .image img {
width: 100%;
height: 575px;
object-fit: cover;
} .image_carousel.style1 .owl-nav {
display: block;
position: absolute;
top: 39%;
left: 60px;
}
.image_carousel.style1 button.owl-prev.disabled {
display: block;
}
.image_carousel.style1 button.owl-next {
display: block;
margin-bottom: 10px;
}
.image_carousel.style1 button.owl-prev i,
.image_carousel.style1 button.owl-next i {
display: block;
width: 60px;
height: 60px;
border-radius: 30px;
background-color: rgba(255,255,255,0.2);
line-height: 60px;
text-align: center;
transition: .5s;
margin-bottom: 10px;
}
.image_carousel.style1 button.owl-prev i:hover,
.image_carousel.style1 button.owl-next i:hover{
background: #52614e;
color: #fff;
} .image_carousel.style4 .item.style3.dit-image-carousel img {
position: relative;
height: 560px;
object-fit: cover;
}
.image_carousel.style4 button.owl-prev i {
display: inline-block;
height: 46px;
width: 46px;
line-height: 46px;
background-color: rgba(255, 255, 255, 0.07058823529411765);
border-radius: 100%;
color: #fff;
position: absolute;
top: 43%;
left: 3px;
}
.image_carousel.style4 button.owl-next i {
display: inline-block;
height: 46px;
width: 46px;
line-height: 46px;
background-color: rgba(255, 255, 255, 0.07058823529411765);
border-radius: 100%;
color: #fff;
position: absolute;
top: 43%;
right:3px;
}
.image_carousel.style4 .owl-dots {
display: flex;
justify-content: center;
position: relative;
top: -77px;
}
.image_carousel.style4 button.owl-dot {
display: inline-block;
height: 16px;
width: 16px;
background: #C9C8B3;
border-radius: 100%;
margin:0 6px;
}
.image_carousel.style4 button.owl-dot.active{
position:relative;
background: #C9C8B3;
height: 14px;
width: 14px;
}
.image_carousel.style4 button.owl-dot.active:after {
position: absolute;
content: "";
top: -4px;
left: -4px;
height: 22px;
width: 22px;
border: 2px solid#C9C8B3;
border-radius: 100%;
} .pricing_single_items.style_one {
background: #E8F0E5;
padding: 17px 25px 34px;
}
.pricing_single_items.style_one .price_item_inner_center {
background: #fff;
text-align: left;
padding: 0 30px;
}
.pricing_single_items.style_one:hover:before {
height: 100%;
width:100%;
}
.pricing_area.style_one .price_item_inner {
padding: 0 0 21px 0;
}
.pricing_area.style_one .tab {
position: relative;
overflow: hidden;
-webkit-font-smoothing: antialiased;
text-align: center;
}
.pricing_area.style_one .tabs {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0;
background: #F6F4F5;
padding: 5px 9px;
border-radius: 20px;
margin-bottom: 20px;
}
.pricing_area.style_one .tabs li {
float: left;
overflow: hidden;
padding: 0;
position: relative;
}
.pricing_area.style_one .tabs li a {
outline: none;
padding: 2px 18px;
transition: all 0.2s ease-in-out;
font-size: 16px;
color: #062462;
font-weight: 500;
display: inline-block;
border-radius: 20px;
}
.pricing_area.style_one .tabs_item {
display: none;
padding: 37px 0;
}
.pricing_area.style_one h2#price-yearly {
margin: 0;
}
.pricing_area.style_one .tabs_item:first-child {
display: block;
}
.pricing_area.style_one li.current a {
background: #d9232b!important;
color: #fff;
}
.pricing_area.style_one ul.features {
padding: 0 0 23px;
}
.pricing_area.style_one ul.features li img {
margin-right: 7px;
}
.pricing_area.style_one .thumb {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 5px;
background-color: #062462;
line-height: 124px;
text-align: center;
margin-right: 23px;
transition: .5s;
}
.pricing_area.style_one .top-title {
width: 0;
height: 0;
color: #fff;
transform: rotate(0deg);
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
}
.pricing_area.style_one .bootmp {
transition: 0.4s;
font-size: 14px;
text-transform: uppercase;
color: #52614e;
font-weight: 500;
font-family: "Playfair Display";
}
.pricing_area.style_one h3.pricing-plan {
margin: 40px 0 13px;
transition: .5s;
text-align: left;
display: inline-block;
font-size: 18px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
}
.pricing_area.style_one span.month_inner {
display: inline-block;
}
.pricing_area.style_one span.curencyp {
font-size: 30px;
color: #161616;
font-weight: 700;
}
.pricing_area.style_one h2#price-monthly {
margin: 0 0 0;
}
.pricing_area.style_one span.month_inner {
display: inline-block;
line-height: 19px;
}
.pricing_area.style_one .tab_content h4 {
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 15px;
background: #52614E;
padding: 10px 0;
}
.pricing_area.style_one p.description {
padding-top: 0;
margin: 0px auto 0;
}
.pricing_area.style_one ul.features li {
list-style: none;
font-size: 16px;
line-height: 28px;
color: #616161;
}
.pricing_area.style_one span.tk {
font-size: 30px;
text-transform: uppercase;
color: #161616;
font-weight: 700;
font-family: "Open Sans";
}
.pricing_area.style_one .pricing-feature.style_1 ul.features li {
margin-bottom: 15px;
}
.pricing_area.style_one ul.features li i {
font-size: 16px;
color: #0c5adb;
padding: 0 4px 0 0;
}
.pricing_area.style_one ul.features li img {
position: relative;
top: 3px;
}
.pricing_area.style_one ul.features li:nth-child(7){
font-size: 20px;
color: #041341;
font-weight: 700;
margin: 18px 0 18px;
}
.pricing_area.style_one .pricing-btn a {
font-size: 16px;
text-transform: uppercase;
color: #52614E;
font-weight: 600;
font-family: "Rajdhani";
border-radius: 0;
background-color: transparent;
padding: 12px 44px;
transition: 0.5s;
display: block;
text-align: center;
margin-bottom: 10px;
border: 1px solid rgba(82,97,78,0.3);
margin-top: 44px;
}
.pricing_area.style_one .pricing-btn a:hover {
background:#52614E;
color:#fff;
}
.pricing_area.style_one .pricing-btn.two a {
padding: 12px 59px;
transition: 0.5s;
display: block;
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
border-radius: 25px;
background-color: rgba(4, 20, 36, 0.10196078431372549);
padding: 12px 43px;
margin-bottom: 0px;
}
.pricing_area.style_one .pricing-btn.two a:hover{
background-image: linear-gradient(90deg, #3513f9 0%, #1a90ff 100%);
color:#fff;
}
.pricing_area.style_one .pricing-btn a i {
margin-left: 6px;
font-weight: 600;
font-size: 14px;
position: relative;
display: inline-block;
transform: rotate(-45deg);
margin-left: 6px;
}
.pricing_area.style_one .pricing-toggle-filter {
justify-content: center;
width: 260px;
height: 60px;
border-radius: 30px;
background-color: rgba(4, 20, 36, 0.0784313725490196);
align-items: center;
padding-top: 14px;
}
.pricing_area.style_one .pricing-toggle {
display: inline-block;
position: relative;
text-align: center;
justify-content: center;
position: relative;
top: 0;
border-radius: 30px;
}
.pricing_area.style_one .pricing-toggle span {
font-size: 17px;
line-height: 26px;
color: #52614e;
font-weight: 500;
font-family: "Playfair Display";
}
.pricing_area.style_one .switch {
position: relative;
display: inline-block;
width: 71px;
height: 44px;
border: 1px solid#C2C9C1;
border-radius: 30px;
}
.pricing_area.style_one .switch input {
opacity: 0;
width: 0;
height: 0;
}
.pricing_area.style_one .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
border-radius: 10px;
}
.pricing_area.style_one .slider:before {
position: absolute;
content: "";
height: 43px;
width: 43px;
left: 0;
bottom: 0;
background-color: #52614E;
transition: 0.4s;
border-radius: 50%;
}
input:checked + .slider {
}
input:checked + .slider:before {
transform: translateX(26px);
background-color:#da242b;
}
.software-price-title .section-title.style16 .description {
width: 47%;
} .price-dark .pricing_single_items.style_one {
background: #353A34;
}
.price-dark .pricing_single_items.style_one .price_item_inner_center {
background: #1E1E1E;
}
.mphb-calendar.mphb-datepick.inlinePicker.is-datepick {
width: 100%!important;
}
.datepick-month {
float: left;
width: 26.4em;
} .hotel_booking_section.style2 .row.booking_content {
background-color: #292B29;
display: flex;
align-items: center;
}
.hotel_booking_section.style2 .service_inner_content h4 {
font-size: 15px;
color: #d5e5d1;
font-weight: 400;
font-family: "Open Sans";
border: 1px solid #d5e5d1;
padding: 6px 20px;
transition: 0.5s;
display: inline-block;
}
.hotel_booking_section.style2 .service_inner_content h3 a {
margin: 10px 0 0;
font-size: 44px;
line-height: 50px;
color: #fff;
font-weight: 600;
font-family: "Playfair Display";
}
.hotel_booking_section.style2 .service_section.style2 {
position: relative;
z-index: 2;
transition: .5s;
padding: 22px 53px 50px 57px;
}
.hotel_booking_section.style2 .service_inner_content p {
font-size: 16px;
margin-bottom: 0;
padding: 10px 0 0;
font-size: 18px;
line-height: 28px;
color: #ffffffa1;
font-weight: 400;
}
.hotel_booking_section.style2 .service_body {
margin-top: 48px;
}
.hotel_booking_section.style2 ul.features li {
display: block;
margin: 0 0 16px;
font-size: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Open Sans";
}
.hotel_booking_section.style2 ul.features li img {
margin-right: 6px;
display: inline-block;
width: inherit;
}
.hotel_booking_section.style2 .service_btn a {
display: inline-block;
border-radius: 0;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 18px;
color: #ffffff;
font-weight: 400;
padding: 15px 31px;
text-transform: uppercase;
background-color: #FF6D45;
overflow: hidden;
margin-top: 25px;
}
.hotel_booking_section.style2 .service_btn a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 0px;
transition: .5s;
}
.hotel_booking_section.style2 .service_btn a:hover:before {
width: 100%;
left: 0;
}
.hotel_booking_section.style2 .service_btn a:hover {
color: #52614e;
}
.hotel_booking_section.style2 .service_img {
line-height: 0;
}
.hotel_booking_section.style2 .service_img img {
height: 570px;
width: 100%;
object-fit: cover;
} .hotel_booking_section.style2 .owl-dots {
display: flex;
justify-content: center;
margin-top: 64px;
}
.hotel_booking_section.style2 button.owl-dot {
display: inline-block;
height: 12px;
width: 12px;
border-radius: 100%;
background: #52614E;
margin: 0 5px;
transition: .5s;
}
.hotel_booking_section.style2 button.owl-dot.active{
position:relative;
}
.hotel_booking_section.style2 button.owl-dot.active::before {
position: absolute;
content: "";
left: -4px;
top: -4px;
height: 20px;
width: 20px;
z-index: -1;
border: 2px solid#52614E;
border-radius: 50%;
} .hotel_booking_serach p.mphb-required-fields-tip {
display: none;
}
.hotel_booking_serach .mphb-datepick.mphb_datepicker.is-datepick {
width: 100%!important;
border: 1px solid rgba(255, 255, 255, 0.14901960784313725)!important;
height: 55px!important;
color: #fff;
padding: 0 10px 0 32px!important;
position: relative;
outline: 0;
background: transparent!important;
}
.hotel_booking_serach p.mphb_sc_search-check-in-date {
margin: 0 0 10px;
}
.hotel_booking_serach select {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.14901960784313725);
height: 55px;
color: var(--title-color);
padding: 0 10px 0 32px;
position: relative;
outline: 0;
background: transparent;
}
.hotel_booking_serach .button {
background: #52614e;
padding: 12px 31px;
border: transparent;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
width: 100%;
margin-top: 9px;
}
input#mphb_check_in_date-mphb-search-form-67e0ed8dc1678 {
width: 100%;
} .search-two .mphb_sc_search-wrapper p {
display: inline-block;
width: 18%;
margin: 0 3px;
line-height: 0;
}
.search-two .hotel_booking_serach p.mphb-required-fields-tip {
display: none;
}
.search-two .hotel_booking_serach select .option{
color: #fff;
}
.search-two .hotel_booking_serach select {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.14901960784313725);
color: #A6A8A5;
background: transparent;
}
.search-two .hotel_booking_serach label {
margin-bottom: 15px; 
}
.search-two .hotel_booking_serach .button {
width: 100%;
border-radius: 0;
padding: 29px 42px;
display: inline-block;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
background: #6e7c6b;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Playfair Display";
margin-top: 0;
position: relative;
top: 0;
}
.search-two.three .hotel_booking_serach select {
width: 100%;
border: 1px solid #ADBFC3;
color: #fff;
background: rgb(255 255 255 / 16%);
}
.hotel_booking_serach .mphb-datepick.mphb_datepicker.is-datepick {
width: 100%!important;
border: 1px solid rgba(255, 255, 255, 0.14901960784313725)!important;
height: 55px!important;
color: #fff;
padding: 0 10px 0 10px!important;
position: relative;
outline: 0;
background: transparent!important;
}
.search-two.three .hotel_booking_serach .mphb-datepick.mphb_datepicker.is-datepick::placeholder{
color:#fff!important;
}
.search-two.three .hotel_booking_serach select option{
color: #000;
}
.search-two.three .hotel_booking_serach .button:hover{
background:#fff;
color:#6e7c6b;
} .maintain-hotel .hotel_booking_serach select {
color: #A3A5A2;
}
.maintain-hotel .hotel_booking_serach select option {
background: #DDDDDD!important;
}
.maintain-hotel .hotel_booking_serach .button {
background: #A3A5A2;
border: 1px solid #A3A5A2;
}
.maintain-hotel .hotel_booking_serach .button:hover{
background:transparent;
}
.mphb-recommendation-title {
color: #161616;
}
.breadcumb-inner {
text-align: center;
}
.brpt {
text-align: center!important;
}
.breadcumb-inner ul {
text-align: center;
display: inline-block;
position: relative;
} .project-section-one .sec-title {
margin-bottom: 60px;
}
.project-section-one .project-box { position: relative;
}
.project-section-one .project-box .project-box-item {
position: relative;
}
.project-section-one .project-box .project-box-item .project-thumb {
position: relative;
transition: 0.5s;
margin: 0 20px;
}
.project-section-one .project-box .project-box-item  .project-box {
position: absolute;
top: 90px;
right: 80px;
border-radius: 20px;
padding: 60px 50px 60px;
width: 456px;
height: 442px;
background: linear-gradient(247.34deg, #B0DBE5 -0.54%, #F3FDFF 39.73%, #F1FCFE 62.81%, #C9E8EF 93.75%);
}
.project-section-one .project-box .project-box-item .project-box .icon {
position: absolute;
top: 40px;
right: 40px;
}
.project-section-one .project-box .project-box-item  .icon i{
display: inline-block;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background: #FF6D45;
}
.project-section-one .project-box .project-box-item  .project-box .project-content h4 {
display: inline-block;
font-weight: 500;
font-size: 16px;
border: 1px solid rgba(12, 35, 24, 0.15);
padding: 7px 28px;
border-radius: 20px;
margin: 0 0 18px;
}
.project-section-one .project-box .project-box-item  .project-box .project-content h3 {
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin: 0;
}
.project-section-one .project-box .project-box-item  .project-box .project-content p {
color: var(--text-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: 17px 0 40px;
}
.project-section-one .project-box .project-box-item .project-box .project-btn a {
display: inline-block;
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
border-radius: 45px;
color: #fff;
background-color: #0B4654; 
padding: 11px 39px;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
}
.project-section-one .project-box .project-box-item .project-box .project-btn a i {
margin-left: 11px;
position: relative;
top: 2px;
}
.project-section-one .project-box .project-box-item  .project-box .project-btn a span {
position: absolute;
z-index: -1;
width: 0;
height: 0;
display: block;
border-radius: 45px;
background-color: #FF6D45;
transform: translate(-50%, -50%);
transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.project-section-one .project-box .project-box-item  .project-box .project-btn a:hover span {
width: 500px;
height: 500px;
}
.project-section-one .project-box .project-box-item  .project-box .project-btn a:hover {
color: #fff;
}
.project-section-one .project-box .project-box-item .project-box.two {
left: 80px;
}
.project-section-one .project-shape1 {
position: absolute;
top: 100px;
left: 320px;
-webkit-animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
.project-section-one .project-shape2 {
position: absolute;
top: 70px;
right: 0;
-webkit-animation: upDown 1.1s ease-in-out 1.1s forwards infinite alternate;
animation: upDown 1.1s ease-in-out 1.1s forwards infinite alternate;
}
.project-section-one .project-box .project-box-item:nth-child(2) .project-thumb .project-box {
position: absolute;
top: 90px;
right: inherit!important;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22456%22%20height%3D%22442%22%20viewBox%3D%220%200%20456%20442%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2020C0%208.9543%208.95431%200%2020%200H436C447.046%200%20456%208.9543%20456%2020V365.171C456%20376.217%20447.046%20385.171%20436%20385.171H408C396.954%20385.171%20388%20394.126%20388%20405.171V422C388%20433.046%20379.046%20442%20368%20442H20C8.95431%20442%200%20433.046%200%20422V20Z%22%20fill%3D%22url(%23paint0_linear_6252_246)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6252_246%22%20x1%3D%22448.052%22%20y1%3D%22434.551%22%20x2%3D%2211.0165%22%20y2%3D%226.86237%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.00708379%22%20stop-color%3D%22%23FFF4DD%22%2F%3E%3Cstop%20offset%3D%220.496742%22%20stop-color%3D%22%23F1FFDE%22%2F%3E%3Cstop%20offset%3D%220.836162%22%20stop-color%3D%22%23E7FFD8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
border-radius: 20px;
padding: 60px 50px 60px;
width: 456px;
height: 442px;
left: 70px!important;
}
.project.style1 .owl-nav {
position: absolute;
top: inherit;
right: 0;
left: 0;
margin: auto;
text-align: center;
bottom: -70px;
}
.project.style1 button.owl-prev {
border: 1px solid #FF6D45!important;
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 100%;
transition: .5s;
right: 0;
top: 0;
color: #FF6D45!important;
z-index: 22;
margin: 0 11px;
transform: rotate(40deg);
}
.project.style1 button.owl-next {
border: 1px solid #FF6D45!important;
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 100%;
transition: .5s;
right: 0;
top: 0;
color: #FF6D45!important;
z-index: 22;
transform: rotate(-40deg);
}
.project.style1 button.owl-prev:hover,
.project.style1 button.owl-next:hover{
background:#FF6D45;
color:#fff!important;
}
@media (min-width: 320px) and (max-width: 575px) {
.loginet-blog-area.em-theme-main-page p.post-thumbnail.mphb-loop-room-thumbnail a img {
height:inherit;
}
.loginet-blog-area.loginet-blog-page.single-blog-details.em-theme-main-page button.button.mphb-button.mphb-recommendation-reserve-button {
margin-bottom: 36px;
}
.loginet-blog-area.em-theme-main-page a.mphb-room-type-title {
font-size: 25px;
}
} h1.title span {
padding-left: 80px;
}
.dreamit-button.style1 a.button {
display: inline-block;
font-family: "Outfit", sans-serif;
color: #fff;
background-color: #FF6D45;
padding: 18px 35px;
font-weight: 400;
font-size: 18px;
border-radius: 45px;
position: relative;
z-index: 1;
transition: all 500ms ease;
margin-top: 0;
border: 1px solid #FF6D45;
}
.dreamit-button.style1 a.button::before {
position: absolute;
content: "";
height: 16px;
width: 1px;
background-color: #fff;
right: 62px;
top: 21px;
}
.dreamit-button.style1 a.button::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0B4654;
z-index: -1;
border-radius: 45px;
transition: all 300ms ease;
}
.dreamit-button.style1 a.button i {
display: inline-block;
margin-left: 22px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 0px; 
}
.dreamit-button.style1 a.button:hover:after{
left: 0;
width: 100%;
}
.dreamit-button.style1 a.button:hover{
color: #fff;
} .donation-form > label {
color: var(--heading-color);
font-family: var(--title-font);
font-weight: 500;
font-size: 24px;
display: block;
margin-bottom: 23px;
}
.donation-form .donation-input {
position: relative;
}
.donation-form .donation-input .dollar-sign {
display: inline-block;
color: var(--theme-color-white);
font-family: var(--title-font);
font-weight: 500;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 40px;
background: var(--theme-color2);
border-radius: 50%;
text-align: center;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
}
.donation-form .donation-input input {
width: 100%;
padding: 15px 15px 15px 70px;
border-radius: 70px;
border: 1px solid rgba(12, 35, 24, 0.1019607843);
color: var(--heading-color);
font-family: var(--title-font);
font-weight: 500;
font-size: 22px;
outline: none;
}
.donation-form .preset-buttons {
margin: 22px 0 52px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.donation-form .preset-buttons .amount {
padding: 4px 30px 3px;
border: 1px solid rgba(12, 35, 24, 0.1);
background: transparent;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
font-family: var(--title-font);
font-weight: 500;
font-size: 18px;
}
.donation-form .preset-buttons .amount.active,  .donation-form-bg .donation-form .preset-buttons .amount:hover {
background: var(--theme-color-white);
color: var(--theme-color2);
border-color: var(--theme-color2);
}
.donation-form .title-payment {
color: var(--heading-color);
font-family: var(--title-font);
font-weight: 400;
font-size: 24px;
margin-bottom: 23px;
}
.donation-form .payment-methods {
display: flex;
gap: 15px;
margin-bottom: 45px;
}
.donation-form .payment-methods label {
display: flex;
align-items: center;
gap: 5px;
color: var(--heading-color);
font-family: var(--text-font);
font-weight: 400;
font-size: 18px;
cursor: pointer;
position: relative;
padding-left: 4px;
}
.donation-form .payment-methods label input[type=radio]:checked {
border: 1px solid var(--theme-color2);
}
.donation-form .payment-methods label input[type=radio]::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 24%;
left: 4%;
border-radius: 50%;
transition: 0.2s;
}
.donation-form .payment-methods label input[type=radio]:checked:after {
transform: translate(-50%, -50%) scale(1);
background: var(--theme-color2);
}
.donation-form .payment-methods label input[type=radio]:after {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: rgba(12, 35, 24, 0.2);
top: 50%;
left: 10px;
transform: translate(-50%, -50%) scale(0);
border-radius: 50%;
transition: 0.2s;
} .dark-donation .donation-form > label {
color: #fff;
}
.dark-donation .donation-form .title-payment {
color: #fff;
}
.dark-donation .donation-form .payment-methods label {
color: #fff;
}
.dark-donation .donation-form .donation-input input {
border: 1px solid rgba(255, 255, 255, 0.10);
background: var(--dark-color3);
color: #fff;
}
.dark-donation .donation-form .preset-buttons .amount {
border: 1px solid transparent;
background: rgb(255, 255, 255, 0.10)!important;
color: #fff;
}
.dark-donation .donation-form .preset-buttons .amount.active, .donation-form-bg .donation-form .preset-buttons .amount:hover {
background: #243b30;
color: var(--theme-color2);
border-color: var(--theme-color2);
} .single-counter.style_four {
border-radius: 20px;
padding: 50px 40px 32px 40px;
position: relative;
z-index: 1;
overflow: hidden;
overflow: hidden;
}
.style_four.single-counter:before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.style_four.style_four.single-counter:hover:before{
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.media-box {
line-height: 0;
} .service-box.style10 {
display: flex;
align-items: center;
background: #0B4654;
border-radius: 24px;
padding: 21px 22px 14px;
}
.service-box.style10 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
color: #fff;
}
.service-box.style10 p.description {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
opacity: 0.5;
margin: 62px 0 0;
width: 90%;
}
.service-box.style10 .service-btn {
margin-top: 21px;
}
.service-box.style10 .service-btn i {
display: inline-block;
width: 46px;
height: 46px;
background: #ffffff14;
text-align: center;
line-height: 46px;
border-radius: 50%;
color: #fff;
border: 1px solid #ffffff14;
} .service-box.style10 .image {
flex-shrink: 0;
}
.service-box.style11 {
background: #FF6D45;
border-radius: 24px;
padding: 4px 4px 4px;
position:relative;
}
.service-box.style11 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
margin-top: 14px;
width: 90%;
}
.service-box.style11 p.description {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #616161;
margin: 67px 0 23px;
}
.service-box.style11 .service-content {
border-radius: 20px;
padding: 37px 32px 38px;
border-top-right-radius: 20px;
background: #fff;
clip-path: polygon(0 0, 76% 0%, 100% 17%, 100% 100%, 0 100%, 0% 50%);
}
.service-box.style11 .service-btn i {
display: inline-block;
border: 1px solid #0B46541A;
width: 46px;
height: 46px;
border-radius: 50%;
text-align: center;
line-height: 46px;
color: #0B4654;
transform: rotate(-45deg);
} .dreamit-tab-wrapper.style-one .dreamit-tabs {
display: flex;
gap: 14px;
margin-bottom: 89px;
justify-content: center;
margin-top: 20px;
}
.dreamit-tab-wrapper.style-one ul.dreamit-tabs li {
list-style: none;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a {
padding: 13px 54px;
border-radius: 30px;
cursor: pointer;
display: inline-block;
font-family: Outfit;
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #0B4654;
border: 1px solid #0B46541A;
text-transform: uppercase;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a.active {
background: #0d5c63;
color: #fff;
}
.dreamit-tab-wrapper.style-one .dreamit-tab-content {
display: none;
}
.dreamit-tab-wrapper.style-one .dreamit-tab-content.active {
display: block;
}
.dreamit-tab-wrapper.style-one .dreamit-tab-img img {
max-width: 100%;
}
.dreamit-tab-wrapper.style-one .tab_thumb {
position: relative;
left: -54px;
}
.dreamit-tab-wrapper.style-one img.tab_carcle {
position: absolute;
left: 264px;
bottom: 98px;
z-index: 1;
}
.dreamit-tab-wrapper.style-one .tab-inner-title {
border-left: 10px solid #FF6D45;
display: inline-block;
padding-left: 18px;
}
.dreamit-tab-wrapper.style-one .tab-inner-title h1 {
font-weight: 700;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
}
.dreamit-tab-wrapper.style-one .desc p {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #616161;
width: 90%;
margin: 16px 0 0;
}
.dreamit-tab-wrapper.style-one .features li {
position: relative;
padding-left: 0;
list-style: none;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
line-height: 34px;
color: #0B4654;
}
.dreamit-tab-wrapper.style-one ul.features li i {
display: inline-block;
color: #FF6D45;
font-size: 16px;
margin-right: 6px;
}
.dreamit-tab-wrapper.style-one .btn {
display: inline-block;
background: #FF6D45;
color: #fff;
padding: 10px 34px;
border-radius: 30px;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
padding-right: 18px;
margin-top: 36px;
position:relative;
z-index:1;
overflow:hidden;
}
.dreamit-tab-wrapper.style-one .btn:hover{
color:#FF6D45;
}
.dreamit-tab-wrapper.style-one .btn:before{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#fff;
z-index:-1;
border-radius: 30px;
transition:0.5s;
} 
.dreamit-tab-wrapper.style-one .btn:hover:before{
width:100%;
}
.dreamit-tab-wrapper.style-one .btn i {
display: inline-block;
width: 36px;
height: 36px;
background: #FFf;
border-radius: 50%;
color: #FF6D45;
text-align: center;
line-height: 36px;
position: relative;
left: 8px;
transition:0.5s;
}
.dreamit-tab-wrapper.style-one .btn:hover i{
background:#FF6D45;
color:#fff;
}
.dreamit-tab-wrapper.style-one .tab_inner-box {
border-top: 1px solid #0B46541A;
border-bottom: 1px solid #0B46541A;
padding: 23px 0 12px;
margin: 42px 0 30px;
}
.dreamit-tab-wrapper.style-one .inner-box {
display: flex;
align-items: center;
gap: 15px;
}
.dreamit-tab-wrapper.style-one .inner-box-thumb {
flex-shrink: 0;
}
.dreamit-tab-wrapper.style-one .inner-box-content h2 {
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
margin: 0 0 0;
}
.dreamit-tab-wrapper.style-one .counter-wrapper {
display: flex;
align-items: center;
gap: 100px;
border-top: 1px solid #0B46541A;
border-bottom: 1px solid #0B46541A;
padding: 16px 0 26px;
margin: 30px 0 19px;
}
.dreamit-tab-wrapper.style-one .inner-counter-box h1 {
font-weight: 700;
font-size: 55px;
text-transform: uppercase;
}
.dreamit-tab-wrapper.style-one .inner-counter-box p {
color: #0B4654;
font-size: 16px;
margin: 4px 0 0;
} .service-box.style12 {
padding: 80px 61px 80px;
position: relative;
}
.service-box.style12 p.description {
background: #FF6D45;
display: inline-block;
margin: 0 0 0;
color: #fff;
text-transform: uppercase;
padding: 2px 18px;
border-radius: 30px;
}
.service-box.style12 h3.title {
font-family: Outfit;
font-weight: 600;
font-size: 32px;
line-height: 38px;
text-transform: uppercase;
color: #fff;
margin: 20px 0 0;
}
.service-box.style12 span.service-box-number {
display: inline-block;
font-family: Outfit;
font-weight: 600;
font-size: 100px;
color: #fff;
opacity: 0.1;
position: absolute;
right: 83px;
top: 102px;
}
.service-box.style12 .service-btn {
position: absolute;
top: 168px;
left: -64px;
background: #fff;
width: 106px;
height: 106px;
border-radius: 50%;
text-align: center;
line-height: 106px;
}
.service-box.style12 .service-btn i {
display: inline-block;
background: #FF6D45;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #fff;
border-radius: 50%;
font-size: 19px;
transform: rotate(-45deg);
transition:0.5s;
}
.service-box.style12 .service-btn i:hover{
background:#0B4654;
} 
.service-box.style12 .service_list {
margin-top: 75px;
border-top: 1px solid #ffffff29;
padding-top: 22px;
}
.service-box.style12 .service_list h6 {
font-family: Outfit;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff;
}
.service-box.style12 .service_list i {
color: #FF6D45;
font-size: 17px;
display: inline-block;
margin-right: 8px;
}
.buttton-two .service-box.style12 .service-btn {
position: absolute;
left: inherit;
right: -61px !important;
z-index: 1;
} .single-video.style9 .video-icon {
position: absolute;
top: 30px;
left: 77px;
}
.single-video.style9 a.video-vemo-icon.venobox.vbox-item {
display: inline-block;
width: 88px;
height: 88px;
background: #FF6D45;
border-radius: 50%;
line-height: 88px;
}
.single-video.style9 a.video-vemo-icon.venobox.vbox-item i {
display: inline-block;
color: #FF6D45;
background: #FFF;
width: 60px;
height: 60px;
line-height: 62px;
font-size: 20px;
border-radius: 50%;
} .icon-box.style15 {
background: #FFFFFF1A;
backdrop-filter: blur(9px);
border-radius: 11px;
padding: 89px 16px 39px;
clip-path: polygon(82% 0, 100% 14%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
border: 1px solid #FFFFFF1A;
position: relative;
text-align: center;
z-index: 1;
}
.icon-box.style15:before {
position: absolute;
content: "";
width: 90px;
height: 1px;
right: -16px;
top: 26px;
border: 1px solid #FFFFFF1A;
transform: rotate(41deg);
border-radius: 10px;
}
.icon-box.style15:after{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#FF6D45;
z-index:-1;
border-radius: 11px;
transition:0.5s;
}
.icon-box.style15:hover:after{
width:100%;
}
.icon-box.style15 .img-icon img{
position:relative;
transition:0.5s;
}
.icon-box.style15:hover .img-icon img {
position: relative;
filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(500%) hue-rotate(330deg) brightness(105%);
}
.icon-box.style15 .img-icon::before {
position: absolute;
content: "";
width: 86px;
height: 86px;
left: 0;
right: -8px;
top: 59px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.2391 1.33988C35.3331 -0.446451 39.1451 -0.446452 42.2391 1.33988L69.4782 17.0664C72.5722 18.8527 74.4782 22.154 74.4782 25.7266V57.1796C74.4782 60.7523 72.5722 64.0536 69.4782 65.8399L42.2391 81.5664C39.1451 83.3527 35.3331 83.3527 32.2391 81.5664L5.00001 65.8399C1.906 64.0536 1.14441e-05 60.7523 1.14441e-05 57.1796V25.7266C1.14441e-05 22.154 1.906 18.8527 5.00001 17.0664L32.2391 1.33988Z' fill='%23FF6D45'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin: auto;
transition:0.5s;
}
.icon-box.style15:hover .img-icon::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.2391 1.33988C35.3331 -0.446451 39.1451 -0.446452 42.2391 1.33988L69.4782 17.0664C72.5722 18.8527 74.4782 22.154 74.4782 25.7266V57.1796C74.4782 60.7523 72.5722 64.0536 69.4782 65.8399L42.2391 81.5664C39.1451 83.3527 35.3331 83.3527 32.2391 81.5664L5.00001 65.8399C1.906 64.0536 1.14441e-05 60.7523 1.14441e-05 57.1796V25.7266C1.14441e-05 22.154 1.906 18.8527 5.00001 17.0664L32.2391 1.33988Z' fill='%23ffffff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin: auto;
}
.icon-box.style15 .title {
margin-top: 92px;
position:relative;
}
.icon-box.style15 .title:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: -70px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/arrow.png);
background-repeat: no-repeat;
background-position: center;
}
.icon-box.style15 .title h4 {
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 89%;
margin: auto;
}
.icon-box.style15 .description p {
font-size: 15px;
color: #fff;
line-height: 26px;
margin: 11px 22px 0;
opacity: 0.5;
} .icon-box.style16 {
background: #FFFFFF1A;
backdrop-filter: blur(157px);
border-radius: 11px;
padding: 89px 16px 39px;
border: 1px solid #FFFFFF1A;
position: relative;
text-align: center;
z-index: 1;
clip-path: polygon(18% 0, 0 14%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.icon-box.style16:before {
position: absolute;
content: "";
width: 90px;
height: 1px;
left: -15px;
top: 26px;
border: 1px solid #FFFFFF1A;
transform: rotate(-41deg);
border-radius: 10px;
}
.icon-box.style16:after{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#FF6D45;
z-index:-1;
border-radius: 11px;
transition:0.5s;
}
.icon-box.style16:hover:after{
width:100%;
}
.icon-box.style16 .img-icon img{
position:relative;
transition:0.5s;
}
.icon-box.style16:hover .img-icon img {
position: relative;
filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(500%) hue-rotate(330deg) brightness(105%);
}
.icon-box.style16 .img-icon::before {
position: absolute;
content: "";
width: 86px;
height: 86px;
left: 0;
right: -8px;
top: 59px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.2391 1.33988C35.3331 -0.446451 39.1451 -0.446452 42.2391 1.33988L69.4782 17.0664C72.5722 18.8527 74.4782 22.154 74.4782 25.7266V57.1796C74.4782 60.7523 72.5722 64.0536 69.4782 65.8399L42.2391 81.5664C39.1451 83.3527 35.3331 83.3527 32.2391 81.5664L5.00001 65.8399C1.906 64.0536 1.14441e-05 60.7523 1.14441e-05 57.1796V25.7266C1.14441e-05 22.154 1.906 18.8527 5.00001 17.0664L32.2391 1.33988Z' fill='%23FF6D45'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin: auto;
transition:0.5s;
}
.icon-box.style16:hover .img-icon::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 75 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.2391 1.33988C35.3331 -0.446451 39.1451 -0.446452 42.2391 1.33988L69.4782 17.0664C72.5722 18.8527 74.4782 22.154 74.4782 25.7266V57.1796C74.4782 60.7523 72.5722 64.0536 69.4782 65.8399L42.2391 81.5664C39.1451 83.3527 35.3331 83.3527 32.2391 81.5664L5.00001 65.8399C1.906 64.0536 1.14441e-05 60.7523 1.14441e-05 57.1796V25.7266C1.14441e-05 22.154 1.906 18.8527 5.00001 17.0664L32.2391 1.33988Z' fill='%23ffffff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin: auto;
}
.icon-box.style16 .title {
margin-top: 92px;
position:relative;
}
.icon-box.style16 .title:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: -70px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/arrow.png);
background-repeat: no-repeat;
background-position: center;
}
.icon-box.style16 .title h4 {
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #fff;
width: 89%;
margin: auto;
}
.icon-box.style16 .description p {
font-size: 15px;
color: #fff;
line-height: 26px;
margin: 11px 22px 0;
opacity: 0.5;
} .service-box.style13 {
background: #fff;
border: 1px solid #0B46541A;
border-radius: 20px;
padding: 15px 16px 29px;
clip-path: polygon(0 0, 87% 0, 100% 15%, 100% 100%, 0 100%);
position: relative;
}
.service-box.style13:before {
position: absolute;
content: "";
width: 123px;
height: 1px;
right: -27px;
top: 41px;
border: 1px solid #0B46541A;
transform: rotate(46deg);
border-radius: 10px;
}
.service-box.style13::after{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background: linear-gradient(180deg, #FF6D45 30.59%, #0B4654 72.1%);
border-radius: 20px;
z-index:-1;
transition:0.5s;
}
.service-box.style13:hover::after{
width:100%;
}
.service-box.style13 .service-content {
padding: 28px 0 0px 19px;
}
.service-box.style13 .serice-text {
display: flex;
align-items: center;
gap: 9px;
}
.service-box.style13 p.description {
color: #FF6D45;
font-family: Outfit;
font-weight: 500;
font-size: 14px;
text-align: center;
display: inline-block;
border: 1px solid #FF6D45;
margin: 0 0 0;
border-radius: 30px;
padding: 3px 18px 0px;
}
.service-box.style13 span.service-box-number {
display: inline-block;
color: #0B4654;
font-family: Outfit;
font-weight: 500;
font-size: 14px;
text-align: center;
border: 1px solid #0b465442;
border-radius: 30px;
padding: 1px 19px;
transition:0.5s;
}
.service-box.style13:hover span.service-box-number {
border: 1px solid #FFFFFF33;
color:#FFFFFF33;
}
.service-box.style13 h3.title {
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
margin: 15px 0 0;
transition:0.5s;
}
.service-box.style13:hover h3.title{
color:#fff;
} 
.service-box.style13 .service-btn {
position: absolute;
right: 31px;
bottom: 50px;
}
.service-box.style13 .service-btn i {
display: inline-block;
background: #FF6D45;
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
transform: rotate(-45deg);
opacity:0;
transition:0.5s;
}
.service-box.style13:hover .service-btn i{
opacity:1;
} .elementor-section-wrap,
.elementor-sections-container,
#content,
.site-content,
.elementor {
overflow: visible !important;
} .elementor-column.sticky-left {
position: sticky !important;
top: 95px !important;
align-self: flex-start !important;
} .sticky-section .elementor-container {
align-items: flex-start !important;
} .elementor,
.elementor-section,
.elementor-container,
.e-con,
.e-parent,
.elementor-widget-wrap {
overflow: visible !important;
} .sticky-left {
position: sticky !important;
top: 95px;
align-self: flex-start;
height: fit-content;
} .contact-freight-service {
background: #FFFFFF1A;
border: 2px solid #ffffff2b;
border-radius: 20px;
backdrop-filter: blur(110px);
padding: 39px 53px 0;
clip-path: polygon(0 0, 87% 0, 100% 14%, 100% 100%, 0 100%);
position:relative;
}
.contact-freight-service::before {
position: absolute;
content: "";
width: 2px;
height: 133px;
right: 42px;
top: -21px;
background: #ffffff2b;
border-radius: 0;
transform: rotate(-45deg);
}
.cf7-form .input-bx.email {
margin-bottom: 32px;
}
.cf7-form .input-bx input {
border: 1px solid #FFFFFF33;
height: 50px;
width: 100%;
border-radius: 10px;
color: #fff;
outline: 0;
padding: 0 18px 0;
background: #FFFFFF1A;
}
.cf7-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
color: #fff !important;
}
.cf7-form input.wpcf7-form-control.wpcf7-text::placeholder {
color: #fff !important;
}
.cf7-form .from-title h3 {
font-family: Outfit;
font-weight: 500;
font-size: 20px;
color: #fff;
margin: 0 0 16px;
}
.cf7-form .from-select select {
border: 1px solid #FFFFFF33;
height: 50px;
width: 100%;
border-radius: 10px;
color: #fff;
outline: 0;
padding: 0 15px 0;
background: #FFFFFF1A;
}
.cf7-form .from-ulta-box input {
border: 1px solid #FFFFFF33;
height: 50px;
width: 100%;
border-radius: 10px;
color: #fff;
outline: 0;
padding: 0 15px 0;
background: #FFFFFF1A;
}
.cf7-form .from-select option {
color: #222 !important;
}
.cf7-form span.wpcf7-list-item input {
background: transparent !important;
width: 18px;
height: 18px;
border: transparent !important;
position: relative;
top: 3px;
}
.cf7-form span.wpcf7-list-item-label {
font-family: Outfit;
font-weight: 400;
font-size: 18px;
color: #fff;
margin-right: 10px;
margin-left: 3px;
}
.cf7-form .options {
margin-top: 16px;
}
.cf7-form .submit-wrap input {
background: #0B4654;
border: transparent;
color: #fff;
width: 100%;
text-align: center;
height: 56px;
border-radius: 30px;
padding: 0 23px 0;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
margin-top: 16px;
transition:0.5s;
}
.cf7-form .submit-wrap input:hover{
background:#FF6D45;
} .testimonial.style-one-active {
max-width: 1100px;
margin: auto;
text-align: center;
position: relative;
}
.testimonial.style-one-active .track {
display: flex;
justify-content: center;
align-items: center;
gap: 44px;
margin-bottom: 25px;
}
.testimonial.style-one-active .av{
cursor:pointer;
transition:.4s;
}
.testimonial.style-one-active .face{
border-radius:18px;
overflow:hidden;
transition:.4s;
}
.testimonial.style-one-active .face img{
width:100%;
height:100%;
object-fit:cover;
}
.testimonial.style-one-active .center .face{
width:120px;
height:120px;
box-shadow:0 0 0 1px #F06543;
padding:10px;
}
.testimonial.style-one-active .av.side2 {
position: relative;
top: 60px;
}
.testimonial.style-one-active .av.side1 {
position: relative;
top: 31px;
}
.testimonial.style-one-active .side1 .face{
width:100px;
height:100px;
}
.testimonial.style-one-active .side2 .face{
width:100px;
height:100px;
}
.testimonial.style-one-active .quote_image {
margin-top: 81px;
}
.testimonial.style-one-active .quote {
font-family: Outfit;
font-weight: 500;
font-size: 28px;
line-height: 40px;
text-align: center;
color: #FFFFFF;
margin-top: 23px;
position: relative;
opacity: 0.8;
}
.testimonial.style-one-active .quote::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -100px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/line-shape.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.testimonial.style-one-active .name {
font-family: Outfit;
font-weight: 500;
font-size: 28px;
text-align: center;
color: #FFFFFF;
margin: 128px 0 0;
}
.testimonial.style-one-active .role {
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
text-align: center;
color: #FFFFFF;
margin: 6px 0 0;
opacity: 0.5;
}
.testimonial.style-one-active .btn {
position: absolute;
top: 50%;
transform: translateY(10%);
width: 60px;
height: 60px;
border-radius: 50%;
cursor: pointer;
border: 1px solid #0B46541A;
background: #F0F8FA;
font-size: 33px;
line-height: 15px;
color: #0B4654;
display: inline-block;
transition: 0.5s;
outline: 0;
}
.testimonial.style-one-active .btn:hover{
background:#FF6D45;
color:#fff;
}
.testimonial.style-one-active .prev {
left: -160px;
}
.testimonial.style-one-active .next {
right: -177px;
background: #F06543;
color: #fff;
} .post-item.style6 {
background: #FFFFFF;
padding: 18px 20px 38px;
clip-path: polygon(14% 0, 0 12%, 0 58%, 0 100%, 100% 100%, 100% 60%, 100% 0);
border-radius: 20px;
}
.post-item.style6 .blog-title a {
display: inline-block;
font-weight: 500;
font-size: 28px;
line-height: 36px;
color: #0B4654;
width: 90%;
transition:0.5s;
}
.post-item.style6 .blog-title a:hover{
color:#FF6D45;
}
.post-item.style6 .blog-footer {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #0B46541A;
padding-top: 34px;
margin-top: 27px;
}
.post-item.style6 .user_author a {
display: inline-block;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
color: #0B4654;
text-transform: capitalize;
}
.post-item.style6 .comment {
font-family: Outfit;
font-weight: 500;
font-size: 18px;
color: #0B4654;
}
.post-item.style6 .post-date-box span {
display: inherit;
}
.post-item.style6 .single_blog_post_content {
position: relative;
padding: 34px 24px 0;
}
.post-item.style6 .post-thumb {
line-height: 0;
}
.post-item.style6 .post-date-box {
background: #0B46541A;
width: 80px;
text-align: center;
border-radius: 10px;
padding: 15px 0px 14px;
backdrop-filter: blur(50px);
transition:0.5s;
}
.post-item.style6:hover .post-date-box{
background:#FF6D45;
}
.post-item.style6 span.day {
font-family: Outfit;
font-weight: 600;
font-size: 28px;
line-height: 28px;
color: #fff;
}
.post-item.style6 span.month {
font-family: Outfit;
font-weight: 500;
font-size: 16px;
color: #fff;
}
.post-item.style6 .date {
position: absolute;
top: -57px;
left: 25px;
} .dreamit-button.style7 .dreamit-button a {
display: inline-block;
background: #FF6D45;
color: #fff;
padding: 9px 34px;
border-radius: 30px;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
padding-right: 18px;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
border: 1px solid #FF6D45;
}
.dreamit-button.style7 .dreamit-button a:hover{
color:#FF6D45;
}
.dreamit-button.style7 .dreamit-button a:before{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#fff;
z-index:-1;
border-radius: 30px;
transition:0.5s;
} 
.dreamit-button.style7 .dreamit-button a:hover:before{
width:100%;
}
.dreamit-button.style7 .dreamit-button i {
display: inline-block;
width: 36px;
height: 36px;
background: #FFf;
border-radius: 50%;
color: #FF6D45;
text-align: center;
line-height: 36px;
position: relative;
left: 8px;
transition:0.5s;
}
.dreamit-button.style7 .dreamit-button a:hover i{
background: #FF6D45;
color:#fff;
} .dreamit-button.style8 .dreamit-button a {
display: inline-block;
color: #fff;
padding: 10px 34px;
border-radius: 30px;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
padding-right: 18px;
border: 1px solid rgba(255,255,255,0.3);
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border-top: 2px solid rgba(255,255,255,0.5);
border-right: 1px solid rgba(255,255,255,0.1);
border-left: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(255,255,255,3.5);
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
}
.dreamit-button.style8 .dreamit-button a:hover {
color: #FFf;
border-color: #FF6D45; 
}
.dreamit-button.style8 .dreamit-button a:before{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#FF6D45;
z-index:-1;
border-radius: 30px;
transition:0.5s;
} 
.dreamit-button.style8 .dreamit-button a:hover:before{
width:100%;
}
.dreamit-button.style8 .dreamit-button i {
display: inline-block;
width: 36px;
height: 36px;
background: #FF6D45;
border-radius: 50%;
color: #FFF;
text-align: center;
line-height: 36px;
position: relative;
left: 8px;
transition:0.5s;
}
.dreamit-button.style8 .dreamit-button a:hover i{
background: #fff;
color:#FF6D45;
} .icon-box.style14 {
border-radius: 20px 20px 0 0;
overflow: hidden;
background: linear-gradient(135deg, #0f2c3f, #1e5a6f);
padding: 42px 32px 48px;
width: 440px;
position: absolute;
bottom: -394px;
right: 0;
border: 1px solid #ffffff38;
}
.icon-box.style14 .title h4 {
font-family: Outfit;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #fff;
margin: 19px 0 1px;
}
.icon-box.style14 .single_images {
position: absolute;
right: -5px;
bottom: 11px;
} .dreamit-wrap{
display:flex;
gap:22px;
flex-wrap:wrap;
}
.dreamit-card.inactive {
background: #FF6D45;
padding: 4px 4px 4px;
line-height: 2;
margin-bottom: 2px;
display: flex;
height: 420px;
}
.dreamit-card {
flex: 1;
border-radius: 24px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: flex 0.5s ease, background 0.5s ease, padding 0.5s ease; 
background: #fff;
padding: 21px 22px 18px;
min-width: 0; 
}
.dreamit-card {
flex: 1 1 0;
transition: flex-basis 0.5s ease, flex-grow 0.5s ease, background 0.5s ease;
}
.dreamit-card.active {
flex: 2 1 0;
}
.dreamit-card.active {
flex: 2;
background: #0c4f5e;
display: flex;
align-items: center;
height:420px;
}
.dreamit-card.active .photo {
opacity: 1;
flex-shrink: 0;
line-height: 0;
margin-left: 21px;
}
.dreamit-card.inactive .photo {
display: none;
}
.dreamit-wrap .photo img{
width:100%;
height:100%;
object-fit:cover;
}
.dreamit-wrap .photo-overlay{
position:absolute;
inset:0;
opacity:0;
transition:.4s;
}
.dreamit-card.active .photo-overlay{
opacity:1;
}
.dreamit-wrap .dreamit-card.inactive .content {
position: relative;
z-index: 2;
border-radius: 24px;
padding: 37px 32px 38px;
border-top-right-radius: 20px;
background: #fff;
clip-path: polygon(0 0, 76% 0%, 100% 17%, 100% 100%, 0 100%, 0% 50%);
}
.dreamit-wrap .title h1{
margin: 10px 0;
font-family: Outfit;
font-weight: 600;
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
color: #fff;
}
.dreamit-wrap .dreamit-card.inactive .title h1 {
color: #0B4654;
}
.dreamit-wrap .desc p{
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
opacity: 0.5;
margin: 62px 0 0;
width: 90%;
}
.dreamit-wrap .dreamit-card.inactive .desc p {
color: #616161;
opacity: 1;
}
.dreamit-wrap .button i {
display: inline-block;
width: 46px;
height: 46px;
background: #ffffff14;
text-align: center;
line-height: 46px;
border-radius: 50%;
color: #fff;
border: 1px solid #ffffff14;
transform: rotate(-45deg);
}
.dreamit-wrap .dreamit-card.inactive .button i {
background: #ffffff14;
display: inline-block;
border: 1px solid #0B46541A;
width: 46px;
height: 46px;
border-radius: 50%;
text-align: center;
line-height: 46px;
color: #0B4654;
transform: rotate(-45deg);
}
.dreamit-wrap .button {
margin-top: 21px;
}
.dreamit-card:nth-of-type(3){
background:#0B4654 !important;
} .team.style5 .image {
line-height: 0;
}
.team.style5 .image img {
width: 100%;
}
.team.style5 .content {
padding: 49px 24px 29px;
position: absolute;
left: 0;
width: 100%;
bottom: -130px;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/04/content-shape.png);
background-repeat: no-repeat;
background-size: cover;
}
.team.style5 h2.name a {
display: inline-block;
font-family: Outfit;
font-weight: 500;
font-size: 26px;
color: #0B4654;
}
.team.style5 h5.designation {
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
margin: 7px 0 0;
color: #0B4654;
opacity: 0.8;
}
.team.style5 ul.social-icon {
position: absolute;
bottom: 70px;
right: 18px;
}
.team.style5 ul.social-icon li i {
border: 1px solid #0B465426;
width: 38px;
height: 38px;
background: #fff;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 38px;
color: #0B4654;
margin-bottom: 8px;
transition:0.5s;
}
.team.style5 ul.social-icon li i:hover{
background:#FF6D45;
color:#fff;
}
.team.style5 ul.social-icon li {
list-style: none;
opacity: 0;
transition:0.5s;
}
.team.style5:hover ul.social-icon li{
opacity:1;
}
.team.style5 li.share_icon {
position: absolute;
left: -138px;
bottom: -94px;
list-style: none;
opacity: 1 !important;
}
.team.style5 li.share_icon i {
display: inline-block;
background: #0B4654 !important;
color: #fff !important;
width: 50px !important;
height: 50px !important;
text-align: center !important;
line-height: 50px !important;
border-radius: 50% !important;
font-size: 18px;
transition:0.5s;
}
.team.style5:hover li.share_icon i{
background:#FF6D45 !important;
}  .heading.style9 h1 {
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
background: #FFFFFF1A;
display: inline-block;
border: 1px solid #FFFFFF1A;
padding: 11px 27px 11px 43px;
border-radius: 30px;
position: relative;
margin-bottom: 8px;
}
.heading.style9 h1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 7px;
top: 0;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/05/icon-1.png);
background-repeat: no-repeat;
background-position: center left;
}
.heading.style9 h2.heading-text {
font-weight: 700;
font-size: 100px;
line-height: 66px;
color: #fff;
text-transform: uppercase;
}
.heading.style9 h2.heading-text span {
font-weight: 700;
font-size: 66px;
background: #FF6D45;
border-radius: 14px;
padding: 6px 17px;
display: inline-block;
position: relative;
top: -12px;
} .section-title.style6 h5.subtitle {
font-weight: 500;
font-size: 14px;
color: #FF6D45;
text-transform: uppercase;
border: 1px solid #FF6D45;
display: inline-block;
border-radius: 30px;
padding: 7px 22px;
margin: 0;
}
.section-title.style6 h3.title {
font-family: Outfit;
font-weight: 700;
font-size: 50px;
line-height: 59px;
text-transform: uppercase;
margin: 0;
} .service-box.style16 {
background: #FFFFFF;
border-radius: 20px;
padding: 27px 21px 30px;
position: relative;
z-index:1;
}
.service-box.style16::before{
position:absolute;
content:"";
width:0;
height:100%;
left:0;
top:0;
background:#0B4654;
border-radius: 20px;
z-index:-1;
transition:0.5s;
}
.service-box.style16:hover::before{
width:100%;
}
.service-box.style16::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(https://dittheme.com/wp/loginet-main/wp-content/uploads/2026/05/be-sahpe.png);
background-repeat: no-repeat;
border-radius: 20px;
z-index: -1;
transition: 0.5s;
opacity: 0;
}
.service-box.style16:hover::after{
opacity:1;
}
.service-box.style16 h3.title {
font-weight: 600;
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
width: 85%;
color: #0B4654;
transition:0.5s;
}
.service-box.style16:hover h3.title{
color:#fff;
}
.service-box.style16 .icon {
position: absolute;
right: 36px;
top: 40px;
}
.service-box.style16 .service-btn a {
display: inline-block;
border: 1px solid #0B46541A;
background: #F0F8FA;
border-radius: 30px;
font-family: Outfit;
font-weight: 500;
font-size: 16px;
color: #0B4654;
padding: 5px 16px 4px 17px;
transition:0.5s;
}
.service-box.style16:hover .service-btn a{
background:#FF6D45;
color:#fff;
}
.service-box.style16 .service-btn i {
display: inline-block;
font-size: 16px;
position: relative;
left: 3px;
transition:0.5s;
}
.service-box.style16 .image {
padding: 38px 0 22px;
} .service-tab-left {
position: relative;
}
.service-tab-left img {
width: 100%;
border-radius: 20px;
}
.service-tab-content {
position: absolute;
bottom: 26px;
left: 23px;
padding: 15px;
border-radius: 10px;
backdrop-filter: blur(30px);
border: 1px solid #FFFFFF33;
background: #FFFFFF1A;
width: 57%;
padding: 22px 37px 6px 55px;
}
.service-tab-right {
display: flex;
flex-direction: column;
gap: 22px;
}
.service-tab-item {
padding: 31px 32px 24px;
background: #fff;
border-radius: 14px;
cursor: pointer;
transition: 0.5s;
border: 1px solid #0B46541A;
position: relative;
clip-path: polygon(5% 0, 0 31%, 0 52%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.service-tab-item-box {
display: flex;
align-items: center;
gap: 24px;
}
.servcies-tab-item-content h1 {
font-weight: 600;
font-size: 26px;
text-transform: uppercase;
margin: 0;
transition:0.5s;
}
.servcies-tab-item-content span {
display: inline-block;
border: 1px solid #0B46541A;
font-family: Outfit;
font-weight: 500;
font-size: 14px;
color: #0B4654;
padding: 1px 18px;
border-radius: 30px;
margin-top: 13px;
transition:0.5s;
}
.service-tab-button {
position: absolute;
right: 27px;
bottom: 40px;
}
.service-tab-button i {
display: inline-block;
border: 1px solid #0B46541A;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
color: #0B4654;
transform: rotate(-45deg);
transition:0.5s;
}
.service-tab-content p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #fff;
} .service-tab-item:hover,
.service-tab-item.active {
background: #ff6b3d;
color: #fff;
}
.service-tab-item.active .servcies-tab-item-content h1{
color:#fff;
}
.service-tab-item.active .servcies-tab-item-content span{
border: 1px solid #FFFFFF66;
color:#fff;
}
.service-tab-item.active .service-tab-button i{
border: 1px solid #FFFFFF66;
color:#ff6b3d;
background:#fff;
}
#mainImage{
transition: all 0.5s ease;
opacity: 1;
transform: translateX(0px);
} .single-counter.style12 {
background: #0B4654;
border-radius: 20px;
padding: 51px 50px 55px;
display: flex;
gap: 18px;
clip-path: polygon(88% 0, 100% 26%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.box-two .single-counter.style12 {
clip-path: polygon(10% 0%, 89% 0%, 100% 25%, 100% 80%, 100% 100%, 20% 100%, 0 100%, 0% 26%);
}
.box-three .single-counter.style12 {
clip-path: polygon(10% 0, 0 26%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.single-counter.style12 .icon img {
position: relative;
top: 8px;
}
.single-counter.style12 .inner_content span {
display: inline-block;
font-family: Outfit;
font-weight: 600;
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
color: #fff;
}
.single-counter.style12 .counter-content.counter h6 {
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #fff;
margin: 11px 0 0;
opacity: 0.5;
} .pricing.style3 {
background: #FFFFFF;
padding: 47px 40px 41px;
border-radius: 30px;
clip-path: polygon(85% 0, 100% 12%, 100% 59%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.box-two .pricing.style3 {
clip-path: polygon(14% 0, 0 13%, 0 59%, 0 100%, 100% 100%, 100% 60%, 100% 0);
}
.pricing.style3 .pricing-head {
padding-left: 0;
}
.pricing.style3 h3.pricing-name {
font-weight: 600;
font-size: 26px;
text-transform: uppercase;
margin: 10px 0 6px;
}
.pricing.style3 p.pricing-p {
color: #616161;
margin: 0 0 27px;
}
.pricing.style3 .price-item span {
font-family: Outfit;
font-weight: 500;
font-size: 50px;
color: #0B4654;
}
.pricing.style3 span.currency {
color: #616161;
font-family: Inter;
font-size: 16px;
}
.pricing.style3 span.month{
color: #616161;
font-family: Inter;
font-size: 16px;
}
.pricing.style3 a.pricing-button.singinp {
display: flex;
background: #FF6D45;
width: 100%;
padding: 8px 28px;
border-radius: 30px;
color: #ffff;
justify-content: space-between;
align-items: center;
margin: 21px 0 26px;
position:relative;
z-index:1;
overflow:hidden;
}
.pricing.style3 a.pricing-button.singinp:before {
position: absolute;
content: "";
width: 0%;
height: 100%;
left: 0;
top: 0;
background: #0B4654;
z-index: -1;
border-radius: 30px;
transition: 0.5s;
}
.pricing.style3:hover a.pricing-button.singinp:before{
width:100%;
}
.pricing.style3 a.pricing-button.singinp i {
display: inline-block;
width: 40px;
height: 40px;
background: #fff;
color: #FF6D45;
border-radius: 50%;
text-align: center;
line-height: 40px;
transform: rotate(-45deg);
position: relative;
left: 18px;
}
.pricing.style3 ul.features li {
color: #0B4654;
list-style: none;
font-size: 16px;
font-weight: 400;
line-height: 36px;
}
.pricing.style3 ul.features li i {
color: #FF6D45;
display: inline-block;
margin-right: 6px;
font-size: 18px;
position: relative;
top: 1px;
} .icon-box.style18 {
background: #FFFFFF14;
padding: 34px 31px 10px;
border-radius: 20px;
}
.icon-box.style18 .title h4 {
font-weight: 600;
font-size: 22px;
text-transform: uppercase;
color: #fff;
margin: 19px 0 9px;
}
.icon-box.style18 .description p {
color: #FFFFFF;
opacity: 0.5;
}
.brand.style2 {
padding: 57px 32px 0;
padding-left: 60px;
position:relative;
}
.brand.style2::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 20px;
background: linear-gradient(90deg, #F0F8FA 0%, rgba(240, 248, 250, 0) 18.35%, rgba(240, 248, 250, 0) 82.95%, #F0F8FA 100%);
z-index: 2;
} ul.my-accordion.style5 {
width: 94%;
}
ul.my-accordion.style5 a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
border: 1px solid transparent;
padding: 18px 25px 19px;
border-radius: 10px;
color: #0C2318 !important;
font-weight: 600;
font-size: 20px;
background: #fff;
}
ul.my-accordion.style5 li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
padding: 0;
border-radius: 0;
}
ul.my-accordion.style5 li:before {
display:none;
}
ul.my-accordion.style5 li p {
display: none;
overflow: hidden;
background: #fff;
padding: 20px 35px 28px;
border-top: 1px solid #61616152;
color: #616161;
}
ul.my-accordion.style5 a:after {
width: 10px;
height: 2px;
background: #222;
position: absolute;
right: 22px;
content: " ";
top: 34px;
transition: all 0.2s ease-in-out;
z-index: 999;
}
ul.my-accordion.style5 a:before {
width: 2px;
height: 10px;
background: #222;
position: absolute;
right: 26px;
content: " ";
top: 30px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
z-index: 999;
} .project-area-pin{
position: relative;
z-index: 1;
margin-bottom: 220px;
}
.project-panel {
height: auto;
min-height: 530px;
background: #1F5A68;
margin-bottom: 30px;
padding: 20px 20px 20px;
border-radius: 20px;
padding-left: 60px;
border: 1px solid #ffffff47;
}
.project-category {
margin-bottom: 20px;
}
.project-category span.title {
background: #FF6D45;
display: inline-block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding: 3px 16px;
border-radius: 30px;
}
.project-category span {
display: inline-block;
border: 1px solid #FFFFFF33;
background: #ffffff4a;
color: #fff;
border-radius: 30px;
padding: 2px 20px;
margin: 0 1px 0;
}
.project-area-pin .project-title h1 {
font-family: Outfit;
font-weight: 600;
font-size: 36px;
line-height: 44px;
text-transform: uppercase;
color: #fff;
margin: 15px 0 0;
width: 90%;
}
.project-area-pin .project-title p {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #fff;
opacity: 0.8;
margin: 156px 1px 0;
margin-right: 43px;
}
.project-tab-button {
border-top: 1px solid #ffffff2e;
padding: 30px 0 0;
margin-top: 21px;
}
.project-tab-button a {
display: inline-block;
background: #FF6D45;
color: #fff;
padding: 9px 34px;
border-radius: 30px;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
padding-right: 18px;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
border: 1px solid #FF6D45;
}
.project-tab-button a:hover{
color:#FF6D45;
}
.project-tab-button a:before{
position:absolute;
content:"";
width:0%;
height:100%;
left:0;
top:0;
background:#fff;
z-index:-1;
border-radius: 30px;
transition:0.5s;
} 
.project-tab-button a:hover:before{
width:100%;
}
.project-tab-button i {
display: inline-block;
width: 36px;
height: 36px;
background: #FFf;
border-radius: 50%;
color: #FF6D45;
text-align: center;
line-height: 36px;
position: relative;
left: 8px;
transition:0.5s;
}
.project-tab-button a:hover i{
background: #FF6D45;
color:#fff;
}
.heading.style1 h5.heading-text {
font-size: 120px;
text-transform: uppercase;
color: #fff;
}
.cargo-footer .mc4wp-form-fields span {
display: inline-block;
color: var(--theme-color2);
position: absolute;
right: inherit;
top: 17px;
font-size: 18px;
left: 16px;
}
.cargo-footer .mc4wp-form-fields input[type="email"] {
background: #fff;
width: 300px;
height: 60px;
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.10);
padding: 0 0 0 39px;
color: #222;
outline: 0;
}
.cargo-footer .mc4wp-form-fields button {
color: var(--theme-color8);
font-family: var(--title-font);
background: var(--theme-color2);
font-weight: 400;
font-size: 17px;
border-radius: 10px;
padding: 17px 0;
margin-left: 10px;
position: absolute;
z-index: 1;
display: inline-block;
border: none;
width: 24%;
}
.cargo-footer .mailchim-form {
position: relative;
left: 33%;
top: 18px;
}
.demo-three p.description {
width: 42%;
margin: 13px auto 0;
color: #616161;
}
.demo-three.left p.description {
width: 65%;
margin: 13px 0 0;
color: #616161;
} .icon-box.style19 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 42px 30px 43px;
}
.icon-box.style19 .img-icon img{
transition:0.5s;
}
.icon-box.style19:hover .img-icon img{
transform:scaleX(-1);
}
.icon-box.style19  .title h4 {
font-weight: 600;
font-size: 22px;
line-height: 32px;
text-transform: uppercase;
color: #0B4654;
margin: 75px 0 12px;
} .icon-box.style20 {
border-top: 1px solid #0B46541A;
border-bottom: 1px solid #0B46541A;
margin: 7px 0 0;
padding: 29px 0 23px;
}
.icon-box.style20 .title h4 {
color: #0B4654;
font-family: Outfit;
font-weight: 500;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
margin: 11px 0 0;
width: 80%;
} .icon-box.style21 {
text-align: center;
padding: 39px 0 24px;
position: relative;
top: -18px;
}
.icon-box.style21 .title h4 {
font-weight: 600;
font-size: 30px;
margin: 25px 0 3px;
color: #0B4654;
} .service_item.style_three {
margin: 0 11px 0;
}
.service_item.style_three .service_img {
line-height: 0;
}
.service_item.style_three .service_img img {
width: 100%;
}
.service_item.style_three .service_content {
background: #15505E;
padding: 29px 23px 34px;
border-radius: 0 0 20px 20px;
position: relative;
transition: .4s;
margin-top: 0;
height: 170px;
}
.service_item.style_three:hover .service_content {
margin-top: -77px;
height: 246px;
}
.service_item.style_three h4.sub_title {
font-weight: 500;
font-size: 14px;
color: #fff;
text-transform: uppercase;
background: #FFFFFF0D;
display: inline-block;
margin: 0 0 7px;
padding: 8px 20px;
border-radius: 30px;
border: 1px solid #FFFFFF1A;
}
.service_item.style_three h2.title a {
display: inline-block;
font-family: Outfit;
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
color: #fff;
}
.service_item.style_three .service-details-button a {
display: inline-block;
background: #FF6D45;
color: #fff;
padding: 7px 22px;
border-radius: 30px;
margin-top: 22px;
}
.service_item.style_three .service-details-button a:hover{
background:#fff;
color:#FF6D45;
}
.service_carousel.style3 .owl-dots {
position: relative;
text-align: center;
top: 60px;
}
.service_carousel.style3 button.owl-dot {
position: relative;
width: 20px;
height: 8px;
background: #fff !important;
opacity: 0.3;
border-radius: 30px;
margin-right: 7px;
}
.service_carousel.style3 button.owl-dot.active {
width: 50px;
background:#FF6D45 !important;
opacity:1;
} .service-box.style18 {
text-align: center;
padding: 144px 33px 42px;
}
.service-box.style18 span.service-box-number {
display: inline-block;
width: 80px;
height: 80px;
background: #0B4654;
border-radius: 50%;
font-family: Outfit;
font-weight: 600;
font-size: 24px;
line-height: 56px;
letter-spacing: 0%;
text-align: center;
color: #fff;
border: 12px solid #F0F8FA;
transition: 0.5s;
}
.service-box.style18:hover span.service-box-number{
background:#FF6D45;
}
.service-box.style18 h3.title {
font-weight: 600;
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
color: #0B4654;
margin: 0 0 16px;
}
.service-box.style18 p.description {
color: #616161;
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
line-height: 28px;
margin: 0 0 0;
}
.service-box.style18 .service-number {
position: absolute;
top: -30px;
left: 42%;
} .single-counter.style13 {
display: flex;
align-items: center;
gap: 19px;
}
.single-counter.style13 .icon{
transition:0.5s;
}
.single-counter.style13:hover .icon{
transform:scaleX(-1);
}
.single-counter.style13 .inner_content span {
color: #0B4654;
font-family: Outfit;
font-weight: 600;
font-size: 44px;
text-transform: uppercase;
display: inline-block;
}
.single-counter.style13 .counter-content.counter h6 {
font-family: Outfit;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
margin: 8px 0 0;
color: #0B4654;
opacity: 0.6;
} .team.style6 {
padding: 28px 61px 61px;
text-align: center;
}
.team.style6 .image {
line-height: 0;
transition:0.5s;
}
.team.style6:hover .image{
transform:scaleX(-1);
} 
.team.style6 h2.name {
margin: 0 0 0;
}
.team.style6 h2.name a {
display: inline-block;
font-family: Outfit;
font-weight: 500;
font-size: 26px;
color: #0B4654;
}
.team.style6 h5.designation {
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
text-align: center;
margin: 6px 0 0;
} .form-area.main-contact.transport .form-group input {
outline: 0;
width: 100%;
height: 54px;
outline: 0;
border-radius: 13px;
padding: 0 35px 0 30px;
background: #FFFFFF0D;
border: 1px solid #FFFFFF1A;
color: #fff;
outline: 0;
}
.form-area.main-contact.transport .option-box select {
color: var(--theme-color2);
font-family: var(--text-font);
font-weight: 400;
font-size: 16px;
width: 100%;
padding: 13px 30px 13px 30px;
border-radius: 13px;
outline: 0;
display: inline-block !important;
background: #FFFFFF0D;
border: 1px solid #FFFFFF1A;
}
.form-area.main-contact.transport textarea.wpcf7-form-control.wpcf7-textarea {
transition: 0.3s;
outline: 0;
width: 100%;
height: 137px;
border-radius: 13px;
padding: 20px 35px 0 30px;
background: #FFFFFF0D;
border: 1px solid #FFFFFF1A;
color: #fff;
}
.form-area.main-contact.transport input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #fff!important;
}
.form-area.main-contact.transport textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #fff!important;
}
.form-area.main-contact.transpor input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #fff !important;
}
.buttons-two input {
background: #FF6D45 !important;
display: inline-block;
width: 30% !IMPORTANT;
height: 54px !important;
color: #fff !important;
margin-top: 12px;
transition:0.5s;
}
.buttons-two input:hover{
background:#fff!important;
color:#FF6D45 !important;;
} .testimonial-item.style9 .testi_content {
text-align: center;
padding: 35px 16px 63px;
}
.testimonial-item.style9 p.quote_two {
font-family: Outfit;
font-weight: 600;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #0B4654;
margin: 0 0 18px;
}
.testimonial-item.style9 p.quote {
font-family: Noto Sans;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
margin: 0px 0 18px;
}
.testimonial-item.style9 .quote_img img {
width: 30px !important;
float: left;
margin: auto;
position: relative;
left: 40px;
top: 3px;
}
.testimonial-item.style9 .author_content {
text-align: center;
position: relative;
margin: -49px 0 0;
}
.testimonial-item.style9 .author img {
width: 69px !important;
margin: 0 auto 20px;
}
.testimonial-item.style9 h4.name {
font-family: Outfit;
font-weight: 500;
font-size: 22px;
margin: 0 0 0;
}
.testimonial-item.style9 h5.designation {
font-family: Noto Sans;
font-weight: 400;
font-size: 15px;
color: #0B4654;
opacity: 0.8;
margin: 8px 0 0;
}@media screen and (max-width: 991px) {
.map-location-area {
display: none;
}
.section-title .title {
font-size: 36px;
} .case-study.style1 .case-grid {
grid-template-columns: repeat(2, 1fr);
} .filter-tab #tabs {
flex-wrap: wrap;
}
.filter-tab #tabs li{
margin-bottom: 30px;
flex: 0 0 auto;
width: 50%;
}
.filter-tab .content {
padding-top: 50px;
}
.filter-tab .content .text img{
margin-top: 30px;
}
.filter-tab .content .text .row{
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.dreamit-slick-slider .single-slick .content-wrapper {
top: 50%;
transform: translateY(-50%);
}
.dreamit-slick-slider .hero-text h2 {
font-size: 58px;
}
.dreamit-slick-slider .hero-text h3 {
font-size: 18px;
}
.portfolio-filter ul li {
display: block;
}
.portfolio-filter ul li::before {
top: auto;
bottom: 0;
} .case-study.style1 .case-grid {
display: block;
}
.case-study.style1 .case-grid .gird-item {
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
.filter-tab #tabs li{
width: 100%;
} .subscribe-form input[type="email"]{
width: 100%;
margin-bottom: 15px;
}
.subscribe-form input[type="submit"]{
position: static;
width: 100%;
}
}.rotation {
animation: rotate 20s linear infinite;
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.move-up-down{
animation: moving 2s linear infinite;
}
@keyframes moving {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}@font-face {
font-family: "Flaticon";
src: url(//jurajkvas.sk/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff2) format("woff2"), url(//jurajkvas.sk/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff) format("woff");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-map:before {
content: "\f100";
}
.flaticon-mail:before {
content: "\f101";
}
.flaticon-call-answer:before {
content: "\f102";
}
.flaticon-chat:before {
content: "\f103";
}
.flaticon-left-arrow:before {
content: "\f104";
}
.flaticon-right-arrow:before {
content: "\f105";
}
.flaticon-back:before {
content: "\f106";
}
.flaticon-next:before {
content: "\f107";
}
.flaticon-play-button:before {
content: "\f108";
}
.flaticon-play-button-1:before {
content: "\f109";
}
.flaticon-upload:before {
content: "\f10a";
}
.flaticon-back-1:before {
content: "\f10b";
}
.flaticon-responsive:before {
content: "\f10c";
}
.flaticon-add:before {
content: "\f10d";
}
.flaticon-play-button-2:before {
content: "\f10e";
}
.flaticon-android:before {
content: "\f10f";
}
.flaticon-fire:before {
content: "\f110";
}
.flaticon-layers:before {
content: "\f111";
}
.flaticon-computer:before {
content: "\f112";
}
.flaticon-chip:before {
content: "\f113";
}
.flaticon-cogwheels:before {
content: "\f114";
}
.flaticon-support:before {
content: "\f115";
}
.flaticon-web:before {
content: "\f116";
}
.flaticon-headset:before {
content: "\f117";
}
.flaticon-facebook:before {
content: "\f118";
}
.flaticon-drop-of-liquid:before {
content: "\f119";
}
.flaticon-drop:before {
content: "\f11a";
}
.flaticon-placeholder:before {
content: "\f11b";
}
.flaticon-shield:before {
content: "\f11c";
}
.flaticon-fountain-pen:before {
content: "\f11d";
}
.flaticon-fountain-pen-1:before {
content: "\f11e";
}
.flaticon-settings:before {
content: "\f11f";
}
.flaticon-phone-call:before {
content: "\f120";
}
.flaticon-call:before {
content: "\f121";
}
.flaticon-settings-1:before {
content: "\f122";
}
.flaticon-placeholder-1:before {
content: "\f123";
}
.flaticon-pen:before {
content: "\f124";
}
.flaticon-analytics:before {
content: "\f125";
}
.flaticon-monitor:before {
content: "\f126";
}
.flaticon-email:before {
content: "\f127";
}
.flaticon-speech-bubble:before {
content: "\f128";
}
.flaticon-suitcase:before {
content: "\f129";
}
.flaticon-communications:before {
content: "\f12a";
}
.flaticon-cash:before {
content: "\f12b";
}
.flaticon-twitter:before {
content: "\f12c";
}
.flaticon-twitter-2:before {
content: "\f12d";
}
.flaticon-instagram-logo:before {
content: "\f12e";
}
.flaticon-instagram-1:before {
content: "\f12f";
}
.flaticon-whatsapp-1:before {
content: "\f130";
}
.flaticon-linkedin-2:before {
content: "\f131";
}
.flaticon-twitter-1:before {
content: "\f132";
}
.flaticon-facebook-3:before {
content: "\f133";
}
.flaticon-whatsapp-2:before {
content: "\f134";
}
.flaticon-xiaomi:before {
content: "\f135";
}
.flaticon-odnoklassniki:before {
content: "\f136";
}
.flaticon-pinterest:before {
content: "\f137";
}
.flaticon-pinterest-1:before {
content: "\f138";
}
.flaticon-wifi:before {
content: "\f139";
}
.flaticon-light-bulb:before {
content: "\f13a";
}
.flaticon-project-management:before {
content: "\f13b";
}
.flaticon-monitor-1:before {
content: "\f13c";
}
.flaticon-camera:before {
content: "\f13d";
}
.flaticon-user:before {
content: "\f13e";
}
.flaticon-advertising:before {
content: "\f13f";
}
.flaticon-select:before {
content: "\f140";
}
.flaticon-snowflake:before {
content: "\f141";
}
.flaticon-snowflake-1:before {
content: "\f142";
}
.flaticon-travel-agency:before {
content: "\f143";
}
.flaticon-bauble:before {
content: "\f144";
}
.flaticon-temporary-agency:before {
content: "\f145";
}
.flaticon-star:before {
content: "\f146";
}
.flaticon-snow-globe:before {
content: "\f147";
}
.flaticon-christmas-tree:before {
content: "\f148";
}
.flaticon-gift:before {
content: "\f149";
}
.flaticon-mortgage:before {
content: "\f14a";
}
.flaticon-monitoring:before {
content: "\f14b";
}
.flaticon-network-1:before {
content: "\f14c";
}
.flaticon-neural:before {
content: "\f14d";
}
.flaticon-networking:before {
content: "\f14e";
}
.flaticon-cloud-computing:before {
content: "\f14f";
}
.flaticon-cloud-computing-1:before {
content: "\f150";
}
.flaticon-microchip:before {
content: "\f151";
}
.flaticon-social-care:before {
content: "\f152";
}
.flaticon-help:before {
content: "\f153";
}
.flaticon-begging:before {
content: "\f154";
}
.flaticon-customer-service:before {
content: "\f155";
}
.flaticon-support-2:before {
content: "\f156";
}
.flaticon-support-3:before {
content: "\f157";
}
.flaticon-customer-service-1:before {
content: "\f158";
}
.flaticon-customer-support:before {
content: "\f159";
}
.flaticon-headphones:before {
content: "\f15a";
}
.flaticon-social-care-1:before {
content: "\f15b";
}
.flaticon-care:before {
content: "\f15c";
}
.flaticon-user-1:before {
content: "\f15d";
}
.flaticon-phone:before {
content: "\f15e";
}
.flaticon-search:before {
content: "\f15f";
}
.flaticon-facebook-4:before {
content: "\f160";
}
.flaticon-pin:before {
content: "\f161";
}
.flaticon-user-2:before {
content: "\f162";
}
.flaticon-internet:before {
content: "\f163";
}
.flaticon-user-3:before {
content: "\f164";
}
.flaticon-chat-1:before {
content: "\f165";
}
.flaticon-team:before {
content: "\f166";
}
.flaticon-connection:before {
content: "\f167";
}
.flaticon-bar-chart:before {
content: "\f168";
}
.flaticon-money:before {
content: "\f169";
}
.flaticon-file:before {
content: "\f16a";
}
.flaticon-linkedin-3:before {
content: "\f16b";
}
.flaticon-pinterest-2:before {
content: "\f16c";
}
.flaticon-google-browser:before {
content: "\f16d";
}
.flaticon-gmail-1:before {
content: "\f16e";
}
.flaticon-gmail-3:before {
content: "\f16f";
}
.flaticon-vimeo:before {
content: "\f170";
}
.flaticon-vimeo-2:before {
content: "\f171";
}
.flaticon-skype:before {
content: "\f172";
}
.flaticon-skype-1:before {
content: "\f173";
}
.flaticon-skype-2:before {
content: "\f174";
}
.flaticon-skype-3:before {
content: "\f175";
}
.flaticon-google-plus-logo:before {
content: "\f176";
}
.flaticon-like:before {
content: "\f177";
}
.flaticon-clock:before {
content: "\f178";
}
.flaticon-loupe:before {
content: "\f179";
}
.flaticon-money-1:before {
content: "\f17a";
}
.flaticon-hand-shake:before {
content: "\f17b";
}
.flaticon-team-1:before {
content: "\f17c";
}
.flaticon-money-2:before {
content: "\f17d";
}
.flaticon-man:before {
content: "\f17e";
}
.flaticon-value:before {
content: "\f17f";
}
.flaticon-share:before {
content: "\f180";
}
.flaticon-time:before {
content: "\f181";
}
.flaticon-school:before {
content: "\f182";
}
.flaticon-chart:before {
content: "\f183";
}
.flaticon-data:before {
content: "\f184";
}
.flaticon-photo:before {
content: "\f185";
}
.flaticon-internet-1:before {
content: "\f186";
}
.flaticon-money-3:before {
content: "\f187";
}
.flaticon-payment:before {
content: "\f188";
}
.flaticon-pin-1:before {
content: "\f189";
}
.flaticon-time-1:before {
content: "\f18a";
}
.flaticon-idea:before {
content: "\f18b";
}
.flaticon-download:before {
content: "\f18c";
}
.flaticon-growth:before {
content: "\f18d";
}
.flaticon-multimedia:before {
content: "\f18e";
}
.flaticon-network-2:before {
content: "\f18f";
}
.flaticon-next-1:before {
content: "\f190";
}
.flaticon-origami:before {
content: "\f191";
}
.flaticon-share-1:before {
content: "\f192";
}
.flaticon-clock-1:before {
content: "\f193";
}
.flaticon-refresh:before {
content: "\f194";
}
.flaticon-avatar:before {
content: "\f195";
}
.flaticon-support-4:before {
content: "\f196";
}
.flaticon-cursor:before {
content: "\f197";
}
.flaticon-brain:before {
content: "\f198";
}
.flaticon-laptop:before {
content: "\f199";
}
.flaticon-arrow:before {
content: "\f19a";
}
.flaticon-mortarboard:before {
content: "\f19b";
}
.flaticon-avatar-1:before {
content: "\f19c";
}
.flaticon-chat-2:before {
content: "\f19d";
}
.flaticon-question:before {
content: "\f19e";
}
.flaticon-test:before {
content: "\f19f";
}
.flaticon-doctor:before {
content: "\f1a0";
}
.flaticon-support-5:before {
content: "\f1a1";
}
.flaticon-map-1:before {
content: "\f1a2";
}
.flaticon-eye:before {
content: "\f1a3";
}
.flaticon-money-4:before {
content: "\f1a4";
}
.flaticon-world:before {
content: "\f1a5";
}
.flaticon-school-1:before {
content: "\f1a6";
}
.flaticon-chat-3:before {
content: "\f1a7";
}
.flaticon-idea-1:before {
content: "\f1a8";
}
.flaticon-support-6:before {
content: "\f1a9";
}
.flaticon-diamond:before {
content: "\f1aa";
}
.flaticon-time-2:before {
content: "\f1ab";
}
.flaticon-bag:before {
content: "\f1ac";
}
.flaticon-contract:before {
content: "\f1ad";
}
.flaticon-report:before {
content: "\f1ae";
}
.flaticon-folder:before {
content: "\f1af";
}
.flaticon-truck:before {
content: "\f1b0";
}
.flaticon-document:before {
content: "\f1b1";
}
.flaticon-plane:before {
content: "\f1b2";
}
.flaticon-time-3:before {
content: "\f1b3";
}
.flaticon-trash:before {
content: "\f1b4";
}
.flaticon-pin-2:before {
content: "\f1b5";
}
.flaticon-think:before {
content: "\f1b6";
}
.flaticon-idea-2:before {
content: "\f1b7";
}
.flaticon-download-1:before {
content: "\f1b8";
}
.flaticon-bell:before {
content: "\f1b9";
}
.flaticon-lock:before {
content: "\f1ba";
}
.flaticon-upload-1:before {
content: "\f1bb";
}
.flaticon-cinema:before {
content: "\f1bc";
}
.flaticon-goal:before {
content: "\f1bd";
}
.flaticon-work:before {
content: "\f1be";
}
.flaticon-design:before {
content: "\f1bf";
}
.flaticon-search-1:before {
content: "\f1c0";
}
.flaticon-food:before {
content: "\f1c1";
}
.flaticon-alert:before {
content: "\f1c2";
}
.flaticon-brain-1:before {
content: "\f1c3";
}
.flaticon-book:before {
content: "\f1c4";
}
.flaticon-time-4:before {
content: "\f1c5";
}
.flaticon-shield-1:before {
content: "\f1c6";
}
.flaticon-time-5:before {
content: "\f1c7";
}
.flaticon-man-1:before {
content: "\f1c8";
}
.flaticon-brain-2:before {
content: "\f1c9";
}
.flaticon-water:before {
content: "\f1ca";
}
.flaticon-content:before {
content: "\f1cb";
}
.flaticon-data-1:before {
content: "\f1cc";
}
.flaticon-like-1:before {
content: "\f1cd";
}
.flaticon-time-6:before {
content: "\f1ce";
}
.flaticon-sign:before {
content: "\f1cf";
}
.flaticon-book-1:before {
content: "\f1d0";
}
.flaticon-adjust:before {
content: "\f1d1";
}
.flaticon-menu:before {
content: "\f1d2";
}
.flaticon-calendar:before {
content: "\f1d3";
}
.flaticon-eye-1:before {
content: "\f1d4";
}
.flaticon-clock-2:before {
content: "\f1d5";
}
.flaticon-share-2:before {
content: "\f1d6";
}
.flaticon-fingerprint:before {
content: "\f1d7";
}
.flaticon-signal:before {
content: "\f1d8";
}
.flaticon-lock-1:before {
content: "\f1d9";
}
.flaticon-water-1:before {
content: "\f1da";
}
.flaticon-code:before {
content: "\f1db";
}
.flaticon-repeat:before {
content: "\f1dc";
}
.flaticon-map-2:before {
content: "\f1dd";
}
.flaticon-message:before {
content: "\f1de";
}
.flaticon-network-3:before {
content: "\f1df";
}
.flaticon-more:before {
content: "\f1e0";
}
.flaticon-random:before {
content: "\f1e1";
}
.flaticon-sign-1:before {
content: "\f1e2";
}
.flaticon-mail-1:before {
content: "\f1e3";
}
.flaticon-adjust-1:before {
content: "\f1e4";
}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{display:block;}.elementor .e-collection-loop-base{display:block;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}