:root { 
--e-global-color-primary: #141430;
--e-global-color-secoundary: #0f0200;
--e-global-color-accent: #f94a24;
--e-global-color-text: #4c4c4c;
--e-global-color-white: #ffffff;
--e-global-color-black: #000000;
--e-global-color-very-dark-mostly-black-red: #1e1411;
--e-global-color-very-dark-mostly-white-orange: #fff5ea;
--e-global-color-light-grayish-red: #ddd5d4;
--e-global-color-very-pale-red: #ffd2c8;
--e-global-color-light-grayish-orange: #eddac5;
--e-global-color-light-orange: #ebdbca;
--e-global-color-very-pale-orange: #fff8f0;
--e-global-color-light-yellow: #fcd936;
--e-global-color-star-yellow: #fbc729;
--e-global-color-pure-red: #ff0000;
}
h1{
font-size: 72px;
line-height: 84px;
font-weight: 700;
font-family: "Playfair Display", serif;
}
h2{
font-size: 48px;
line-height: 60px;
font-weight: 700;
color: var(--e-global-color-primary);
font-family: "Playfair Display", serif;
}
h3{
font-size: 46px;
line-height: 30px;
font-weight: 700;
font-family: "Playfair Display", serif;
}
h4{
font-size: 26px;
line-height: 26px;
font-weight: 700;
font-family: "Playfair Display", serif;
}
h5{
font-size: 24px;
line-height: 26px;
font-weight: 700;
font-family: "Playfair Display", serif;
}
h6{
font-size: 22px;
line-height: 24px;
font-weight: 500;
text-transform: capitalize;
color: var(--e-global-color-accent);
}
a{
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-decoration: none;
color: var(--e-global-color-accent);
font-family: var(--e-global-body-font);
}
.home-01-faq .elementor-toggle-item{
box-shadow: 0 1px 58px 1px rgb(0 0 0 / 0.05);
} .service-con .service_wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.service-con .service-box {
padding: 60px 40px 55px;
text-align: center;
cursor: pointer;
background-color: var(--e-global-color-very-dark-mostly-black-red);
transition: all 0.3s ease-in-out;
}
.service-con .service-box .icon{
width: 126px;
height: 126px;
line-height: 126px;
margin-bottom: 32px !important;
border-radius: 100%;
text-align: center;
display: inline-block;
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
}
.service-con .service-box .icon img{
filter: brightness(0) invert(1);
transition: all 0.3s ease-in-out;
}
.service-con .service-box h5{
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.service-con .service-box p{
margin-bottom: 22px;
color: var(--e-global-color-light-grayish-red);
transition: all 0.3s ease-in-out;
}
.service-con .service-box i {
font-size: 15px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.service-con .service-box i:hover {
color: var(--e-global-color-primary);
}
.service-con .service-box:hover{
background-color: var(--e-global-color-accent);
}
.service-con .service-box:hover .icon{
background-color: var(--e-global-color-white);
}
.service-con .service-box:hover .icon img{
filter: none;
}
.service-con .service-box:hover p{
color: var(--e-global-color-very-pale-red);
}
.service-con .view_all{
padding: 21px 43px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.25);
}
.service-con .view_all i{
margin-left: 24px;
}
.service-con .view_all:hover{
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
} .project-con .project-box{
transition: all 0.3s ease-in-out;
}
.project-con .project_wrapper{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
.project-con .project-box .project-image {
margin-bottom: 28px !important;
}
.project-con .project-box .project-image img{
width: 100%;
height: 530px;
object-fit: cover;
object-position: center;
}
.project-con .project-box .lower_content{
display: flex;
align-items: center;
justify-content: space-between;
}
.project-con .project-box span{
font-size: 14px;
line-height: 20px;
font-weight: 500;
display: block;
margin-bottom: 12px;
color: var(--e-global-color-accent);
}
.project-con .project-box i{
font-size: 16px;
width: 57px;
height: 57px;
line-height: 57px;
right: 58px;
position: relative;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-primary);
background-color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-primary);
box-shadow: 0 5px 19px 5px rgb(0 0 0 / 8%);
transition: all 0.3s ease-in-out;
}
.project-con .project-box:hover i{
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
}
.project-con .project-box i:hover{
color: var(--e-global-color-white);
background-color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-primary);
}
.project-con .project-box-content i{
right: 0px;
} .testimonial-con .carousel-inner{
width: 770px;
margin: 0 auto;
}
.testimonial-con .testimonial-box .testimonial-quote{
margin-bottom: 32px !important;
}
.testimonial-con .testimonial-box p{
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-bottom: 38px;
color: var(--e-global-color-primary);
}
.testimonial-con .testimonial-box ul {
margin-bottom: 16px;
}
.testimonial-con .testimonial-box ul li {
display: inline-block;
}
.testimonial-con .testimonial-box ul li i {
font-size: 16px;
line-height: 16px;
color: var(--e-global-color-light-yellow);
}
.testimonial-con .testimonial-box .name{
font-size: 20px;
line-height: 24px;
font-weight: 700;
display: block;
margin-bottom: 5px;
color: var(--e-global-color-primary);
font-family: "Playfair Display", serif;
}
.testimonial-con .testimonial-box .review{
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
}
.testimonial-con .carousel-indicators {
position: relative;
top: 0;
margin: 235px 0 0 0;
}
.testimonial-con .carousel-indicators li {
opacity: 1;
width: 95px;
background: none;
text-indent: 1px;
}
.testimonial-con .carousel-indicators li figure {
border-radius: 100%;
position: relative;
}
.testimonial-con .carousel-indicators li img {
filter: grayscale(1);
border-radius: 100%;
}
.testimonial-con .carousel-indicators .active img {
width: 151px;
filter: none;
transform: scale(1.6);
}
.testimonial-con .carousel-indicators::before {
content: "";
position: absolute;
top: -112px;
left: -124px;
width: 1030px;
height: 238px;
background-image: url(//shrtarrant.com/wp-content/plugins/eleganzo-toolkit/assets/img/testimonial-borderimage.png);
background-repeat: no-repeat;
}
.testimonial-con .carousel-indicators .image1{
left: -306px;
bottom: -28px;
}
.testimonial-con .carousel-indicators .image2{
left: -175px;
top: -120px;
}
.testimonial-con .carousel-indicators .image3{
top: -158px;
}
.testimonial-con .carousel-indicators .image4{
right: -178px;
top: -114px;
}
.testimonial-con .carousel-indicators .image5{
right: -305px;
bottom: -30px;
}
.testimonial-con .pagination_outer{
position: relative;
}
.testimonial-con .carousel-control-prev,
.testimonial-con .carousel-control-next{
opacity: 1;
height: 90px;
width: 0px;
top: -90px;
border: 0px !important;
background-color: var(--e-global-color-white);
}
.testimonial-con .carousel-control-prev {
left: -20px;
}
.testimonial-con .carousel-control-next {
right: -20px;
}
.testimonial-con .carousel-control-prev i,
.testimonial-con .carousel-control-next i{
font-size: 16px;
width: 57px;
height: 57px;
line-height: 57px;
top: 18px;
position: absolute;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white) !important;
background-color: var(--e-global-color-primary) !important;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.testimonial-con .carousel-control-prev i{
left: 245px;
}
.testimonial-con .carousel-control-next i{
right: 245px;
}
.testimonial-con .carousel-control-prev i:hover,
.testimonial-con .carousel-control-next i:hover{
background-color: var(--e-global-color-accent) !important;
} .servicepage-con{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.servicepage-con .service-box {
padding: 42px 40px 38px;
background-color: var(--e-global-color-white);
border: 1px solid var(--e-global-color-white);
box-shadow: 0 1px 58px 1px rgb(0 0 0 / 3%);
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.servicepage-con .service-box:hover {
border: 1px solid var(--e-global-color-accent);
box-shadow: 0 1px 58px 1px rgb(249 74 36 / 5%);
}
.servicepage-con .service-box .icon {
margin-bottom: 26px !important;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.servicepage-con .service-box:hover .icon {
transform: translateY(-5px);
}
.servicepage-con .service-box h4 {
font-size: 24px;
line-height: 30px;
margin-bottom: 18px;
}
.servicepage-con .service-box p {
line-height: 24px;
margin-bottom: 18px;
}
.servicepage-con .service-box .learn_more {
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-align: center;
position: relative;
display: inline-block;
color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.servicepage-con .service-box .learn_more i {
font-size: 12px;
margin-left: 10px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-primary);
}
.servicepage-con .service-box:hover .learn_more {
color: var(--e-global-color-accent);
}
.servicepage-con .service-box:hover .learn_more i {
color: var(--e-global-color-accent);
}
.servicepage-con .service-box .learn_more:hover {
color: var(--e-global-color-text);
}
.servicepage-con .service-box .learn_more:hover i {
color: var(--e-global-color-text);
} .article-con{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.article-con .article-box .article-image {
margin-bottom: 20px !important;
overflow: hidden;
}
.article-con .article-box .article-image img {
height: 315px;
object-fit: cover;
object-position: center;
width: 100%;
transition: all 0.3s ease-in-out;
}
.article-con .article-box:hover .article-image img {
transform: scale(1.1);
}
.article-con .article-box .content span{
font-size: 12px;
line-height: 12px;
display: inline-block;
margin-bottom: 14px;
color: var(--e-global-color-accent);
}
.article-con .article-box .content .dash{
margin: 0 3px;
}
.article-con .article-box .content h6{
padding-right: 58px;
color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.article-con .article-box .content h6:hover {
color: var(--e-global-color-accent);
} .projecttestimonial-con .testimonial-box {
padding: 45px 40px 40px;
background-color: var(--e-global-color-white);
}
.projecttestimonial-con .testimonial-box ul {
margin-bottom: 14px;
}
.projecttestimonial-con .testimonial-box ul li {
display: inline-block;
}
.projecttestimonial-con .testimonial-box ul li i {
font-size: 13px;
color: var(--e-global-color-star-yellow);
}
.projecttestimonial-con .testimonial-box .text {
font-weight: 500;
margin-bottom: 32px;
color: var(--e-global-color-primary);
}
.projecttestimonial-con .testimonial-box .user-img {
float: left;
margin-right: 17px !important;
margin-top: -2px;
}
.projecttestimonial-con .testimonial-box .user-img img{
border-radius: 100%;
}
.projecttestimonial-con .testimonial-box .designation-outer {
padding-top: 2px;
display: inline-block;
}
.projecttestimonial-con .testimonial-box .name {
font-size: 16px;
line-height: 22px;
font-weight: 700;
display: block;
margin-bottom: 2px;
color: var(--e-global-color-primary);
font-family: "Playfair Display", serif;
}
.projecttestimonial-con .testimonial-box .position {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
}
.projecttestimonial-con .testimonial-box .quote-img {
top: 0;
right: -5px;
}
.projecttestimonial-con .testimonial-box .quote-img img {
opacity: 20%;
}
.projecttestimonial-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 56px !important;
line-height: 0;
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot span {
width: 11px;
height: 11px;
margin: 0 5px;
transition: all 0.3s ease-in-out;
background: var(--e-global-color-light-orange);
display: block;
border-radius: 100px;
text-align: center;
}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot:hover span {
background: var(--e-global-color-accent);
}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {
width: 16px;
height: 16px;
top: 3px;
position: relative;
background: var(--e-global-color-accent);
}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
} .project2-con .project-backgroundimage img{
opacity: 23%;
}
.project2-con .project-box{
margin-bottom: 0 !important;
}
.project2-con .owl-carousel .owl-dots {
display: block !important;
margin-top: 36px !important;
line-height: 0;
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.project2-con .owl-carousel .owl-dots .owl-dot span {
width: 11px;
height: 11px;
margin: 0 5px;
transition: all 0.3s ease-in-out;
background: var(--e-global-color-light-orange);
display: block;
border-radius: 100px;
}
.project2-con .owl-carousel .owl-dots .owl-dot:hover span {
background: var(--e-global-color-accent);
}
.project2-con .owl-carousel .owl-dots .owl-dot.active span {
width: 16px;
height: 16px;
top: 3px;
position: relative;
background: var(--e-global-color-accent);
}
.project2-con .owl-carousel .owl-dots .owl-dot:focus {
outline: none;
}
.projectpage-con .project-box{
margin-bottom: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.projectpage-con .project-box:hover img {
opacity: 40%;
}
.projectpage-con .project-box:hover figure {
background-color: var(--e-global-color-black);
}
.projectpage-con .project-box .project-image,
.projectpage-con .project-box img {
transition: all 0.3s ease-in-out;
height: 440px;
width: 100%;
}
.projectpage-con .lower_content{
padding: 0 20px;
}
.projectpage-con .lower_content .content{
position: absolute;
bottom: 18px;
background-color: var(--e-global-color-white);
width: 310px;
height: 79px;
padding: 12px 20px;
}
.projectpage-con .project-box span{
font-size: 12px;
line-height: 20px;
font-weight: 500;
display: block;
margin-bottom: 3px;
color: var(--e-global-color-accent);
}
.projectpage-con .project-box a{
color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.projectpage-con .project-box a:hover{
color: var(--e-global-color-accent);
}
.projectpage-con .project-box h4{
font-size: 21px;
line-height: 24px;
}
.projectpage-con .project-box i{
font-size: 20px;
width: 64px;
height: 64px;
line-height: 64px;
bottom: 64px;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
text-align: center;
border-radius: 100%;
color: var(--e-global-color-white);
background-color: var(--e-global-color-accent);
transition: all 0.3s ease-in-out;
display: none;
}
.projectpage-con .project-box:hover i{
display: block;
}
.projectpage-con .project-box i:hover{
transform: translateY(-5px);
}
.projectpage-con p{
margin-bottom: 7px;
} .footer-upper-con input {
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 19px 28px;
margin-right: 16px;
width: 460px;
position: relative;
color: var(--e-global-color-text);
background-color: var(--e-global-color-white);
border: 1px solid transparent;
border-radius: 30px;
overflow: visible;
outline: none;
}
.footer-upper-con input:focus {
border: 1px solid var(--e-global-color-primary);
}
.footer-upper-con button {
font-size: 14px;
line-height: 14px;
font-weight: 700;
padding: 22px 39px;
text-transform: uppercase;
color: var(--e-global-color-white);
background-color: var(--e-global-color-primary);
position: relative;
border: none;
border-radius: 30px;
overflow: visible;
outline: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.footer-upper-con button i {
font-size: 12px;
margin-left: 24px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-white);
}
.footer-upper-con button:hover {
color: var(--e-global-color-primary);
background-color: var(--e-global-color-white);
}
.footer-upper-con button:hover i {
color: var(--e-global-color-primary);
}
.footer-upper-con p{
margin-bottom: 0px;
display: flex;
} .service3-con .service-box {
padding: 42px 52px 44px;
background-color: var(--e-global-color-white);
border-bottom: 2px solid var(--e-global-color-white);
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.service3-con .service-box:hover {
border-bottom: 2px solid var(--e-global-color-accent);
}
.service3-con .service-box .icon {
width: 18%;
top: 6px;
float: left;
position: relative;
transition: all 0.3s ease-in-out;
}
.service3-con .service-box:hover .icon {
transform: translateY(-5px);
}
.service3-con .service-box .content {
width: 82%;
padding-left: 2px;
position: relative;
display: inline-block;
}
.service3-con .service-box h4 {
font-size: 24px;
line-height: 30px;
margin-bottom: 18px;
}
.service3-con .service-box p {
line-height: 24px;
margin-bottom: 18px;
}
.service3-con .service-box .learn_more {
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-align: center;
position: relative;
display: inline-block;
color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.service3-con .service-box .learn_more i {
font-size: 12px;
margin-left: 10px;
transition: all 0.3s ease-in-out;
color: var(--e-global-color-primary);
}
.service3-con .service-box:hover .learn_more {
color: var(--e-global-color-accent);
}
.service3-con .service-box:hover .learn_more i {
color: var(--e-global-color-accent);
}
.service3-con .service-box .learn_more:hover {
color: var(--e-global-color-text);
}
.service3-con .service-box .learn_more:hover i {
color: var(--e-global-color-text);
}
.service3-con .service_wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.service3-con .view_all{
padding: 21px 43px;
background-color: var(--e-global-color-accent);
}
.service3-con .view_all i{
margin-left: 24px;
}
.service3-con .view_all:hover{
background-color: var(--e-global-color-primary);
} .testimonial3-con .testimonial_wrapper {
width: 100%;
}
.testimonial3-con .testimonial-box {
padding: 30px 30px 40px;
background-color: var(--e-global-color-white);
box-shadow: 0 6px 38px 6px rgb(246 74 36 / 5%) inset;
}
.testimonial3-con .testimonial-box .testimonial-quoteimage {
margin-bottom: 20px !important;
}
.testimonial3-con .testimonial-box p {
line-height: 25px;
margin-bottom: 18px;
}
.testimonial3-con .review-content {
padding-left: 15px;
display: flex;
align-items: center;
}
.testimonial3-con .review-content .testimonial-personimage {
position: relative;
left: -15px;
}
.testimonial3-con .review-content .testimonial-personimage img {
width: 57px !important;
border-radius: 100px;
}
.testimonial3-con .testimonial-box ul {
margin-bottom: 6px;
}
.testimonial3-con .testimonial-box ul li {
display: inline-block;
}
.testimonial3-con .testimonial-box ul li i {
font-size: 12px;
line-height: 12px;
color: var(--e-global-color-light-yellow);
}
.testimonial3-con .review-content .name {
font-size: 18px;
line-height: 22px;
font-weight: 500;
font-family: "Playfair Display", serif;
display: block;
margin-bottom: 2px;
color: var(--e-global-color-primary);
}
.testimonial3-con .review-content .review {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--e-global-color-text);
}
.testimonial3-con .item img {
width: auto !important;
display: inline-block !important;
}
.testimonial3-con .owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial3-con .owl-carousel .owl-nav {
margin-top: 0 !important;
position: relative;
bottom: -30px;
left: 15px;
}
.testimonial3-con .owl-carousel .owl-prev,
.testimonial3-con .owl-carousel .owl-next {
position: relative;
bottom: 0;
margin: 0 !important;
background: transparent !important;
}
.testimonial3-con .owl-carousel .owl-prev:focus,
.testimonial3-con .owl-carousel .owl-next:focus {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.testimonial3-con .owl-carousel .owl-prev img,
.testimonial3-con .owl-carousel .owl-next img {
display: none !important;
}
.testimonial3-con .owl-carousel .owl-prev span,
.testimonial3-con .owl-carousel .owl-next span {
font-size: 16px;
width: 57px;
height: 57px;
line-height: 57px;
text-align: center;
border-radius: 100px;
color: var(--e-global-color-white);
background-color: var(--e-global-color-primary);
transition: all 0.3s ease-in-out;
}
.testimonial3-con .owl-carousel .owl-prev:hover span,
.testimonial3-con .owl-carousel .owl-next:hover span {
background-color: var(--e-global-color-accent);
}
.testimonial3-con .owl-carousel .owl-prev {
left: -10px;
}
.testimonial3-con .owl-carousel .owl-next {
right: -10px;
} .project3-con .project_content p{
margin-bottom: 52px;
padding: 0 40px;
color: var(--e-global-color-light-grayish-red);
}
.project3-con .project-box {
margin-bottom: 0 !important;
}
.project3-con .project-box:hover img {
opacity: 55%;
}
.project3-con .lower_content {
padding: 0 !important;
}
.project3-con .lower_content .content {
position: relative;
bottom: 0 !important;
background-color: transparent;
width: 100% !important;
height: auto !important;
padding: 24px 0 0 !important;
}
.project3-con .project-box a{
color: var(--e-global-color-white);
}
.project3-con .owl-carousel .owl-nav {
margin-top: 0 !important;
position: relative;
}
.project3-con .owl-carousel .owl-prev,
.project3-con .owl-carousel .owl-next {
position: absolute;
bottom: 245px;
margin: 0 !important;
background: transparent !important;
}
.project3-con .owl-carousel .owl-prev:focus,
.project3-con .owl-carousel .owl-next:focus {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.project3-con .owl-carousel .owl-prev img,
.project3-con .owl-carousel .owl-next img {
display: none !important;
}
.project3-con .owl-carousel .owl-prev span,
.project3-con .owl-carousel .owl-next span{
font-size: 16px;
width: 57px;
height: 57px;
line-height: 55px;
text-align: center;
border-radius: 100px;
color: var(--e-global-color-white);
background-color: transparent;
border: 1px solid rgb(255 255 255 / 30%);
transition: all 0.3s ease-in-out;
}
.project3-con .owl-carousel .owl-prev:hover span,
.project3-con .owl-carousel .owl-next:hover span {
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
}
.project3-con .owl-carousel .owl-prev {
left: -118px;
}
.project3-con .owl-carousel .owl-next {
right: -118px;
} .style4 .projectpage-con{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.site-main .menu-navigation-container {
overflow: visible;
}
.elementor-item:after,
.elementor-item:before {
display: block;
position: absolute;
transition: 0.3s;
transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
}
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
opacity: 0;
}
.elementor-item-active:after,
.elementor-item-active:before,
.elementor-item.highlighted:after,
.elementor-item.highlighted:before,
.elementor-item:focus:after,
.elementor-item:focus:before,
.elementor-item:hover:after,
.elementor-item:hover:before {
transform: scale(1);
}
.e--pointer-double-line .elementor-item:after,
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:after,
.e--pointer-overline .elementor-item:before,
.e--pointer-underline .elementor-item:after,
.e--pointer-underline .elementor-item:before {
height: 3px;
width: 100%;
left: 0;
background-color: #3f444b;
z-index: 2;
}
.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
height: 0;
width: 0;
left: 50%;
}
.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: 10px;
}
.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
bottom: 10px;
}
.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: -10px;
}
.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
bottom: -10px;
}
.e--pointer-double-line.e--animation-none,
.e--pointer-double-line.e--animation-none .elementor-item,
.e--pointer-double-line.e--animation-none .elementor-item:after,
.e--pointer-double-line.e--animation-none .elementor-item:before,
.e--pointer-double-line.e--animation-none .elementor-item:focus,
.e--pointer-double-line.e--animation-none .elementor-item:hover,
.e--pointer-double-line.e--animation-none:after,
.e--pointer-double-line.e--animation-none:before,
.e--pointer-double-line.e--animation-none:focus,
.e--pointer-double-line.e--animation-none:hover,
.e--pointer-overline.e--animation-none,
.e--pointer-overline.e--animation-none .elementor-item,
.e--pointer-overline.e--animation-none .elementor-item:after,
.e--pointer-overline.e--animation-none .elementor-item:before,
.e--pointer-overline.e--animation-none .elementor-item:focus,
.e--pointer-overline.e--animation-none .elementor-item:hover,
.e--pointer-overline.e--animation-none:after,
.e--pointer-overline.e--animation-none:before,
.e--pointer-overline.e--animation-none:focus,
.e--pointer-overline.e--animation-none:hover,
.e--pointer-underline.e--animation-none,
.e--pointer-underline.e--animation-none .elementor-item,
.e--pointer-underline.e--animation-none .elementor-item:after,
.e--pointer-underline.e--animation-none .elementor-item:before,
.e--pointer-underline.e--animation-none .elementor-item:focus,
.e--pointer-underline.e--animation-none .elementor-item:hover,
.e--pointer-underline.e--animation-none:after,
.e--pointer-underline.e--animation-none:before,
.e--pointer-underline.e--animation-none:focus,
.e--pointer-underline.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:before {
content: "";
top: 0;
}
.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,
.e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
width: 10px;
left: -20px;
}
.e--pointer-double-line .elementor-item:after,
.e--pointer-underline .elementor-item:after {
content: "";
bottom: 0;
}
.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
width: 10px;
inset-inline-start: 100%;
}
.e--pointer-framed .elementor-item:after,
.e--pointer-framed .elementor-item:before {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 3px solid #3f444b;
}
.e--pointer-framed .elementor-item:before {
content: "";
}
.e--pointer-framed.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(0.75);
}
.e--pointer-framed.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(1.25);
}
.e--pointer-framed.e--animation-grow .elementor-item:before,
.e--pointer-framed.e--animation-shrink .elementor-item:before {
transition: opacity 0.2s, transform 0.4s;
}
.e--pointer-framed.e--animation-draw .elementor-item:after,
.e--pointer-framed.e--animation-draw .elementor-item:before {
width: 3px;
height: 3px;
}
.e--pointer-framed.e--animation-draw .elementor-item:before {
border-width: 0 0 3px 3px;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.e--pointer-framed.e--animation-draw .elementor-item:after {
content: "";
top: auto;
bottom: 0;
left: auto;
right: 0;
border-width: 3px 3px 0 0;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:after,
.e--pointer-framed.e--animation-draw .elementor-item-active:before,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-draw .elementor-item:focus:after,
.e--pointer-framed.e--animation-draw .elementor-item:focus:before,
.e--pointer-framed.e--animation-draw .elementor-item:hover:after,
.e--pointer-framed.e--animation-draw .elementor-item:hover:before {
width: 100%;
height: 100%;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:before,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-draw .elementor-item:focus:before,
.e--pointer-framed.e--animation-draw .elementor-item:hover:before {
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.e--pointer-framed.e--animation-draw .elementor-item-active:after,
.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-draw .elementor-item:focus:after,
.e--pointer-framed.e--animation-draw .elementor-item:hover:after {
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.e--pointer-framed.e--animation-corners .elementor-item:after,
.e--pointer-framed.e--animation-corners .elementor-item:before {
width: 3px;
height: 3px;
}
.e--pointer-framed.e--animation-corners .elementor-item:before {
border-width: 3px 0 0 3px;
}
.e--pointer-framed.e--animation-corners .elementor-item:after {
content: "";
top: auto;
bottom: 0;
left: auto;
right: 0;
border-width: 0 3px 3px 0;
}
.e--pointer-framed.e--animation-corners .elementor-item-active:after,
.e--pointer-framed.e--animation-corners .elementor-item-active:before,
.e--pointer-framed.e--animation-corners .elementor-item.highlighted:after,
.e--pointer-framed.e--animation-corners .elementor-item.highlighted:before,
.e--pointer-framed.e--animation-corners .elementor-item:focus:after,
.e--pointer-framed.e--animation-corners .elementor-item:focus:before,
.e--pointer-framed.e--animation-corners .elementor-item:hover:after,
.e--pointer-framed.e--animation-corners .elementor-item:hover:before {
width: 100%;
height: 100%;
transition: opacity 2ms, width 0.4s, height 0.4s;
}
.e--pointer-framed.e--animation-none,
.e--pointer-framed.e--animation-none .elementor-item,
.e--pointer-framed.e--animation-none .elementor-item:after,
.e--pointer-framed.e--animation-none .elementor-item:before,
.e--pointer-framed.e--animation-none .elementor-item:focus,
.e--pointer-framed.e--animation-none .elementor-item:hover,
.e--pointer-framed.e--animation-none:after,
.e--pointer-framed.e--animation-none:before,
.e--pointer-framed.e--animation-none:focus,
.e--pointer-framed.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-background .elementor-item:after,
.e--pointer-background .elementor-item:before {
content: "";
transition: 0.3s;
}
.e--pointer-background .elementor-item:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3f444b;
z-index: -1;
}
.e--pointer-background .elementor-item-active,
.e--pointer-background .elementor-item.highlighted,
.e--pointer-background .elementor-item:focus,
.e--pointer-background .elementor-item:hover {
color: #fff;
}
.e--pointer-background.e--animation-grow .elementor-item:before {
transform: scale(0.5);
}
.e--pointer-background.e--animation-grow .elementor-item-active:before,
.e--pointer-background.e--animation-grow .elementor-item.highlighted:before,
.e--pointer-background.e--animation-grow .elementor-item:focus:before,
.e--pointer-background.e--animation-grow .elementor-item:hover:before {
transform: scale(1);
opacity: 1;
}
.e--pointer-background.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
transform: scale(1.2);
transition: 0.3s;
}
.e--pointer-background.e--animation-shrink .elementor-item-active:before,
.e--pointer-background.e--animation-shrink .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shrink .elementor-item:focus:before,
.e--pointer-background.e--animation-shrink .elementor-item:hover:before {
transition: opacity 0.15s, transform 0.4s;
}
.e--pointer-background.e--animation-sweep-left .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
left: 100%;
}
.e--pointer-background.e--animation-sweep-right .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
right: 100%;
}
.e--pointer-background.e--animation-sweep-up .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
top: 100%;
}
.e--pointer-background.e--animation-sweep-down .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
bottom: 100%;
}
.e--pointer-background.e--animation-shutter-out-vertical .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
bottom: 50%;
top: 50%;
}
.e--pointer-background.e--animation-shutter-out-horizontal .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
right: 50%;
left: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3f444b;
z-index: -1;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:before {
top: 0;
bottom: 100%;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after {
top: 100%;
bottom: 0;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:before,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:before {
bottom: 50%;
}
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:after,
.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:after {
top: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:before {
right: 0;
left: 100%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after {
right: 100%;
left: 0;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:before,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:before {
left: 50%;
}
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:after,
.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:after {
right: 50%;
}
.e--pointer-background.e--animation-none,
.e--pointer-background.e--animation-none .elementor-item,
.e--pointer-background.e--animation-none .elementor-item:after,
.e--pointer-background.e--animation-none .elementor-item:before,
.e--pointer-background.e--animation-none .elementor-item:focus,
.e--pointer-background.e--animation-none .elementor-item:hover,
.e--pointer-background.e--animation-none:after,
.e--pointer-background.e--animation-none:before,
.e--pointer-background.e--animation-none:focus,
.e--pointer-background.e--animation-none:hover {
transition-duration: 0s;
}
.e--pointer-text.e--animation-skew .elementor-item:focus,
.e--pointer-text.e--animation-skew .elementor-item:hover {
transform: skew(-8deg);
}
.e--pointer-text.e--animation-grow .elementor-item:focus,
.e--pointer-text.e--animation-grow .elementor-item:hover {
transform: scale(1.2);
}
.e--pointer-text.e--animation-shrink .elementor-item:focus,
.e--pointer-text.e--animation-shrink .elementor-item:hover {
transform: scale(0.8);
}
.e--pointer-text.e--animation-float .elementor-item:focus,
.e--pointer-text.e--animation-float .elementor-item:hover {
transform: translateY(-8px);
}
.e--pointer-text.e--animation-sink .elementor-item:focus,
.e--pointer-text.e--animation-sink .elementor-item:hover {
transform: translateY(8px);
}
.e--pointer-text.e--animation-rotate .elementor-item:focus,
.e--pointer-text.e--animation-rotate .elementor-item:hover {
transform: rotate(6deg);
}
.e--pointer-text.e--animation-none,
.e--pointer-text.e--animation-none .elementor-item,
.e--pointer-text.e--animation-none .elementor-item:after,
.e--pointer-text.e--animation-none .elementor-item:before,
.e--pointer-text.e--animation-none .elementor-item:focus,
.e--pointer-text.e--animation-none .elementor-item:hover,
.e--pointer-text.e--animation-none:after,
.e--pointer-text.e--animation-none:before,
.e--pointer-text.e--animation-none:focus,
.e--pointer-text.e--animation-none:hover {
transition-duration: 0s;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu a {
transition: 0.4s;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu a,
.eleganzo-custom-nav-main .eleganzo-nav-menu a.highlighted,
.eleganzo-custom-nav-main .eleganzo-nav-menu a:focus,
.eleganzo-custom-nav-main .eleganzo-nav-menu a:hover {
padding: 13px 20px;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu a.current {
background: #1f2124;
color: #fff;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu a.disabled {
background: #3f444b;
color: #88909b;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu ul {
position: absolute;
width: 12em;
border-width: 0;
border-style: solid;
padding: 0;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu span.scroll-down,
.eleganzo-custom-nav-main .eleganzo-nav-menu span.scroll-up {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #fff;
height: 20px;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu span.scroll-down-arrow,
.eleganzo-custom-nav-main .eleganzo-nav-menu span.scroll-up-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border: 8px dashed transparent;
border-bottom: 8px solid #33373d;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu span.scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed;
border-color: #33373d transparent transparent;
}
.eleganzo-custom-nav-main .eleganzo-nav-menu--dropdown .sub-arrow .e-font-icon-svg,
.eleganzo-custom-nav-main .eleganzo-nav-menu--dropdown .sub-arrow i {
transform: rotate(-90deg);
}
.eleganzo-custom-nav-main .eleganzo-nav-menu--dropdown .sub-arrow .e-font-icon-svg {
fill: currentColor;
height: 1em;
width: 1em;
}
.eleganzo-nav-menu--layout-horizontal {
display: flex;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu {
display: flex;
flex-wrap: wrap;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu a {
white-space: nowrap;
flex-grow: 1;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li {
display: flex;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li > .scroll-down,
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li ul {
top: 100% !important;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:first-child) > a {
margin-inline-start: var(--e-nav-menu-horizontal-menu-item-margin);
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:first-child) > .scroll-down,
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:first-child) > .scroll-up,
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:first-child) > ul {
left: var(--e-nav-menu-horizontal-menu-item-margin) !important;
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:last-child) > a {
margin-inline-end: var(--e-nav-menu-horizontal-menu-item-margin);
}
.eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li:not(:last-child):after {
content: var(--e-nav-menu-divider-content, none);
height: var(--e-nav-menu-divider-height, 35%);
border-left: var(--e-nav-menu-divider-width, 2px) var(--e-nav-menu-divider-style, solid) var(--e-nav-menu-divider-color, #000);
border-bottom-color: var(--e-nav-menu-divider-color, #000);
border-right-color: var(--e-nav-menu-divider-color, #000);
border-top-color: var(--e-nav-menu-divider-color, #000);
align-self: center;
}
.eleganzo-nav-menu__align-right .eleganzo-nav-menu {
margin-left: auto;
justify-content: flex-end;
}
.eleganzo-nav-menu__align-right .eleganzo-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-end;
}
.eleganzo-nav-menu__align-left .eleganzo-nav-menu {
margin-right: auto;
justify-content: flex-start;
}
.eleganzo-nav-menu__align-left .eleganzo-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-start;
}
.eleganzo-nav-menu__align-start .eleganzo-nav-menu {
margin-inline-end: auto;
justify-content: flex-start;
}
.eleganzo-nav-menu__align-start .eleganzo-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-start;
}
.eleganzo-nav-menu__align-end .eleganzo-nav-menu {
margin-inline-start: auto;
justify-content: flex-end;
}
.eleganzo-nav-menu__align-end .eleganzo-nav-menu--layout-vertical > ul > li > a {
justify-content: flex-end;
}
.eleganzo-nav-menu__align-center .eleganzo-nav-menu {
margin-inline-start: auto;
margin-inline-end: auto;
justify-content: center;
}
.eleganzo-nav-menu__align-center .eleganzo-nav-menu--layout-vertical > ul > li > a {
justify-content: center;
}
.eleganzo-nav-menu__align-justify .eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu {
width: 100%;
}
.eleganzo-nav-menu__align-justify .eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li {
flex-grow: 1;
}
.eleganzo-nav-menu__align-justify .eleganzo-nav-menu--layout-horizontal .eleganzo-nav-menu > li > a {
justify-content: center;
}
.elementor-widget-nav-menu:not(.eleganzo-nav-menu--toggle) .elementor-menu-toggle {
display: none;
}
.elementor-widget-nav-menu .elementor-widget-container {
display: flex;
flex-direction: column;
}
.eleganzo-nav-menu {
position: relative;
z-index: 2;
}
.eleganzo-nav-menu:after {
content: "&nbsp;";
display: block;
height: 0;
font: 0/0 serif;
clear: both;
visibility: hidden;
overflow: hidden;
}
.eleganzo-nav-menu,
.eleganzo-nav-menu li,
.eleganzo-nav-menu ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.eleganzo-nav-menu ul {
display: none;
}
.eleganzo-nav-menu ul ul a,
.eleganzo-nav-menu ul ul a:active,
.eleganzo-nav-menu ul ul a:focus,
.eleganzo-nav-menu ul ul a:hover {
border-left: 16px solid transparent;
}
.eleganzo-nav-menu ul ul ul a,
.eleganzo-nav-menu ul ul ul a:active,
.eleganzo-nav-menu ul ul ul a:focus,
.eleganzo-nav-menu ul ul ul a:hover {
border-left: 24px solid transparent;
}
.eleganzo-nav-menu ul ul ul ul a,
.eleganzo-nav-menu ul ul ul ul a:active,
.eleganzo-nav-menu ul ul ul ul a:focus,
.eleganzo-nav-menu ul ul ul ul a:hover {
border-left: 32px solid transparent;
}
.eleganzo-nav-menu ul ul ul ul ul a,
.eleganzo-nav-menu ul ul ul ul ul a:active,
.eleganzo-nav-menu ul ul ul ul ul a:focus,
.eleganzo-nav-menu ul ul ul ul ul a:hover {
border-left: 40px solid transparent;
}
.eleganzo-nav-menu a,
.eleganzo-nav-menu li {
position: relative;
}
.eleganzo-nav-menu li {
border-width: 0;
}
.eleganzo-nav-menu a {
display: flex;
align-items: center;
}
.eleganzo-nav-menu a,
.eleganzo-nav-menu a:focus,
.eleganzo-nav-menu a:hover {
padding: 10px 20px;
line-height: 20px;
}
.eleganzo-nav-menu a.current {
background: #1f2124;
color: #fff;
}
.eleganzo-nav-menu a.disabled {
cursor: not-allowed;
color: #88909b;
}
.eleganzo-nav-menu .e-plus-icon:before {
content: "+";
}
.eleganzo-nav-menu .sub-arrow {
line-height: 1;
padding: 10px 0 8px 4px;
margin-top: -10px;
margin-bottom: -10px;
display: flex;
align-items: center;
font-size: 14px;
}
.eleganzo-nav-menu .sub-arrow i {
pointer-events: none;
}
.eleganzo-nav-menu .sub-arrow .fa.fa-chevron-down,
.eleganzo-nav-menu .sub-arrow .fas.fa-chevron-down {
font-size: 0.7em;
}
.eleganzo-nav-menu .sub-arrow .e-font-icon-svg {
height: 1em;
width: 1em;
}
.eleganzo-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
height: 0.7em;
width: 0.7em;
}
.eleganzo-nav-menu--dropdown .elementor-item.elementor-item-active,
.eleganzo-nav-menu--dropdown .elementor-item.highlighted,
.eleganzo-nav-menu--dropdown .elementor-item:focus,
.eleganzo-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
background-color: #3f444b;
color: #fff;
}
.elementor-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
padding: 0.25em;
cursor: pointer;
border: 0 solid;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.05);
color: #33373d;
}
.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,
.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close {
display: none;
}
.elementor-menu-toggle .e-font-icon-svg {
fill: #33373d;
height: 1em;
width: 1em;
}
.elementor-menu-toggle svg {
width: 1em;
height: auto;
fill: var(--nav-menu-icon-color, currentColor);
}
span.elementor-menu-toggle__icon--close,
span.elementor-menu-toggle__icon--open {
line-height: 1;
}
.eleganzo-nav-menu--dropdown {
background-color: #fff;
font-size: 13px;
}
.eleganzo-nav-menu--dropdown-none .elementor-menu-toggle,
.eleganzo-nav-menu--dropdown-none .eleganzo-nav-menu--dropdown {
display: none;
}
.eleganzo-nav-menu--dropdown.eleganzo-nav-menu__container {
margin-top: 10px;
transition: max-height 0.3s, transform 0.3s;
transform-origin: top;
overflow-y: auto;
overflow-x: hidden;
}
.eleganzo-nav-menu--dropdown.eleganzo-nav-menu__container .elementor-sub-item {
font-size: 0.85em;
}
.eleganzo-nav-menu--dropdown a {
color: #33373d;
}
.eleganzo-nav-menu--dropdown a.current {
background: #1f2124;
color: #fff;
}
.eleganzo-nav-menu--dropdown a.disabled {
color: #b3b3b3;
}
ul.eleganzo-nav-menu--dropdown a,
ul.eleganzo-nav-menu--dropdown a:focus,
ul.eleganzo-nav-menu--dropdown a:hover {
text-shadow: none;
border-left: 8px solid transparent;
}
.eleganzo-nav-menu__text-align-center .eleganzo-nav-menu--dropdown .eleganzo-nav-menu a {
justify-content: center;
}
.eleganzo-nav-menu--toggle {
--menu-height: 100vh;
}
.eleganzo-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active) + .eleganzo-nav-menu__container {
transform: scaleY(0);
max-height: 0;
overflow: hidden;
}
.eleganzo-nav-menu--toggle .elementor-menu-toggle.elementor-active + .eleganzo-nav-menu__container {
transform: scaleY(1);
max-height: var(--menu-height);
animation: hide-scroll 0.3s backwards;
}
.eleganzo-nav-menu--stretch .eleganzo-nav-menu__container.eleganzo-nav-menu--dropdown {
position: absolute;
z-index: 9997;
left: 0;
padding: 10px 20px;
width: 93%;
margin: 20px 10px;
}
.eleganzo-nav-menu--dropdown-mobile.eleganzo-nav-menu--stretch,
.eleganzo-nav-menu--dropdown-tablet.eleganzo-nav-menu--stretch{
position: unset;
}
.eleganzo-custom-nav--main ul li.menu-item-has-children ul.sub-menu.eleganzo-nav-menu--dropdown li.menu-item-has-children a,
.eleganzo-custom-nav--main ul li.menu-item-has-children ul.sub-menu.eleganzo-nav-menu--dropdown li.menu-item-has-children ul.sub-menu.eleganzo-nav-menu--dropdown li.menu-item-has-children a{
justify-content: space-between;
}
@media (max-width: 1024px) {
.eleganzo-nav-menu .sub-arrow{
font-size: 10px;
}
}
@media (max-width: 767px) {
.eleganzo-nav-menu--dropdown-mobile .eleganzo-custom-nav-main {
display: none;
}
}
@media (min-width: 768px) {
.eleganzo-nav-menu--dropdown-mobile .elementor-menu-toggle,
.eleganzo-nav-menu--dropdown-mobile .eleganzo-nav-menu--dropdown {
display: none;
}
.eleganzo-nav-menu--dropdown-mobile nav.eleganzo-nav-menu--dropdown.eleganzo-nav-menu__container {
overflow-y: hidden;
}
}
@media (max-width: -1) {
.eleganzo-nav-menu--dropdown-mobile_extra .eleganzo-custom-nav-main {
display: none;
}
}
@media (min-width: -1) {
.eleganzo-nav-menu--dropdown-mobile_extra .elementor-menu-toggle,
.eleganzo-nav-menu--dropdown-mobile_extra .eleganzo-nav-menu--dropdown {
display: none;
}
.eleganzo-nav-menu--dropdown-mobile_extra nav.eleganzo-nav-menu--dropdown.eleganzo-nav-menu__container {
overflow-y: hidden;
}
}
@media (max-width: 1024px) {
.eleganzo-nav-menu--dropdown-tablet .eleganzo-custom-nav-main {
display: none;
}
}
@media (min-width: 1025px) {
.eleganzo-nav-menu--dropdown-tablet .elementor-menu-toggle,
.eleganzo-nav-menu--dropdown-tablet .eleganzo-nav-menu--dropdown {
display: none;
}
.eleganzo-nav-menu--dropdown-tablet nav.eleganzo-nav-menu--dropdown.eleganzo-nav-menu__container {
overflow-y: hidden;
}
}
@media  screen and (max-width:1366px) {
.service-con .service-box {padding: 45px 25px 45px;}
.service-con .service-box .icon {width: 100px;height: 100px;line-height: 100px;margin-bottom: 20px !important;}
.testimonial-con .carousel-indicators {margin-top: 215px;}
.project3-con .owl-carousel .owl-nav {margin-top: 40px !important;}
.project3-con .owl-carousel .owl-prev,
.project3-con .owl-carousel .owl-next {position: relative; bottom: 0;}
.project3-con .owl-carousel .owl-prev {left: -15px;}
.project3-con .owl-carousel .owl-next {right: -15px;}
}
@media screen and (max-width:1199px) {
.testimonial-con .testimonial_content h6{margin-bottom: 8px;}
.testimonial-con .carousel-indicators {margin-top: 160px;}
.testimonial-con .carousel-indicators::before {top: -65px; left: -116px; width: 925px; height: 125px;}
.testimonial-con .carousel-indicators li {width: 85px;}
.testimonial-con .carousel-indicators .active img {transform: scale(1.4);}
.testimonial-con .carousel-indicators .image1 {left: -225px; bottom: 12px;}
.testimonial-con .carousel-indicators .image2 {left: -130px; top: -82px;}
.testimonial-con .carousel-indicators .image3 {top: -115px;}
.testimonial-con .carousel-indicators .image4 {right: -130px; top: -82px;}
.testimonial-con .carousel-indicators .image5 {right: -218px; bottom: 12px;}
.testimonial-con .testimonial-box .testimonial-quote {margin-bottom: 25px !important;}
.testimonial-con .testimonial-box .testimonial-quote img {width: 66px;}
.testimonial-con .testimonial-box p {font-size: 22px; line-height: 30px; margin-bottom: 30px;}
.testimonial-con .testimonial-box ul {margin-bottom: 10px;}
.testimonial-con .carousel-control-prev {left: 0px;}
.testimonial-con .carousel-control-next {right: 0px;}
.testimonial-con .carousel-control-prev i,
.testimonial-con .carousel-control-next i {font-size: 15px; width: 50px; height: 50px; line-height: 50px;}
.projecttestimonial-con .testimonial-box {padding: 35px 35px 40px;}
.projecttestimonial-con .testimonial-box ul {margin-bottom: 10px;}
.projecttestimonial-con .testimonial-box .text {margin-bottom: 25px;}
.projecttestimonial-con .testimonial-box .quote-img {top: 6px;}
.projecttestimonial-con .owl-carousel .owl-dots {margin-top: 35px !important;}
.projectpage-con .project-box h4 {font-size: 19px; line-height: 22px;}
.projectpage-con .lower_content {padding: 0 12px;}
.projectpage-con .lower_content .content {width: 266px; height: 70px; padding: 12px;}
.projectpage-con .project-box i {font-size: 18px; width: 56px; height: 56px; line-height: 56px; bottom: 56px;}
.projectpage-con .project-box .project-image, .projectpage-con .project-box img{height: 350px;}
.projectpage-con p {margin-bottom: 0px;}
.testimonial3-con .testimonial-box {padding: 20px;}
.testimonial3-con .testimonial-box .testimonial-quoteimage {margin-bottom: 12px;}
.testimonial3-con .testimonial-box .testimonial-quoteimage img{width: 35px !important;}
.testimonial3-con .testimonial-box p {font-size: 15px; line-height: 24px; margin-bottom: 12px;}
.testimonial3-con .testimonial-box ul {margin-bottom: 4px;}
.testimonial3-con .review-content .name {font-size: 17px; line-height: 20px; margin-bottom: 0;}
.testimonial3-con .review-content .review {font-size: 13px;}
.testimonial3-con .owl-carousel .owl-prev i,
.testimonial3-con .owl-carousel .owl-next i {font-size: 15px; width: 50px; height: 50px; line-height: 50px;}
.project3-con .owl-carousel .owl-nav {margin-top: 25px !important;}
.project3-con .owl-carousel .owl-prev {left: -10px;}
.project3-con .owl-carousel .owl-next {right: -10px;}
.project3-con .owl-carousel .owl-prev i,
.project3-con .owl-carousel .owl-next i {font-size: 15px; width: 50px; height: 50px; line-height: 48px;}
}
@media  screen and (max-width:1024px) {
.service-con .service_wrapper{gap: 15px;}
.service-con .service-box {padding: 40px 15px 40px;}
.project-con .project-box i {font-size: 13px;width: 40px;height: 40px;line-height: 40px;}
.project-con .project-box-content i {right: 0px;}
.project-con .project-box .project-image img{height: 400px;}
.testimonial-con .testimonial_content h6{margin-bottom: 4px;}
.testimonial-con .carousel-indicators {margin: 20px 0 65px;}
.testimonial-con .carousel-indicators::before {display: none;}
.testimonial-con .carousel-indicators li {margin: 0 10px; width: 50px;}
.testimonial-con .carousel-indicators .active img {transform: scale(1.2);}
.testimonial-con .carousel-indicators li:first-child{margin-left: 0;}
.testimonial-con .carousel-indicators li:last-child{margin-right: 0;}
.testimonial-con .carousel-indicators li figure {top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;}
.testimonial-con .carousel-inner {width: 660px;}
.testimonial-con .testimonial-box .testimonial-quote {margin-bottom: 20px !important;}
.testimonial-con .testimonial-box .testimonial-quote img {width: 55px;}
.testimonial-con .testimonial-box p {font-size: 20px; line-height: 28px; margin-bottom: 25px;}
.testimonial-con .testimonial-box ul {margin-bottom: 8px;}
.testimonial-con .testimonial-box ul li i {font-size: 14px; line-height: 14px;}
.testimonial-con .testimonial-box .review {font-size: 14px; line-height: 20px;}
.testimonial-con .carousel-control-prev,
.testimonial-con .carousel-control-next {height: 85px; width: 250px; top: -86px;}
.testimonial-con .carousel-control-prev {left: 0;}
.testimonial-con .carousel-control-next {right: 0;}
.testimonial-con .carousel-control-prev i,
.testimonial-con .carousel-control-next i {font-size: 14px; width: 45px; height: 45px; line-height: 45px;}
.testimonial-con .carousel-control-prev i {left: 195px;}
.testimonial-con .carousel-control-next i {right: 195px;}
.servicepage-con {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.article-con .article-box .article-image img {height: 230px;}
.article-con{gap: 15px;}
.article-con .article-box .article-image {margin-bottom: 10px !important;}
.article-con .article-box .content span{margin-bottom: 10px;}
.projecttestimonial-con .testimonial-box {padding: 25px 20px 35px;}
.projecttestimonial-con .testimonial-box ul {margin-bottom: 8px;}
.projecttestimonial-con .testimonial-box ul li i {font-size: 12px;}
.projecttestimonial-con .testimonial-box .text {font-size: 15px; margin-bottom: 20px;}
.projecttestimonial-con .testimonial-box .quote-img {right: 0;}
.projecttestimonial-con .testimonial-box .quote-img img {width: 48px;}
.projecttestimonial-con .testimonial-box .name {margin-bottom: 0;}
.projecttestimonial-con .testimonial-box .position {font-size: 13px;}
.projecttestimonial-con .owl-carousel .owl-dots {margin-top: 30px !important;}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot span {width: 9px; height: 9px; margin: 0 3px;}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {width: 14px; height: 14px;}
.servicepage-con .service-box h4 {font-size: 22px;}    
.projectpage-con .project-box h4 {font-size: 20px; line-height: 22px;}
.projectpage-con .lower_content {padding: 0 16px;}
.projectpage-con .lower_content .content {width: 90%; padding: 12px 15px;}
.service3-con .service-box {padding: 30px 20px 30px;display: flex;gap: 15px;}
.service3-con .service_wrapper{gap:15px;}
.service3-con .service-box h4{font-size: 22px;}
.testimonial3-con .testimonial_content p {margin-bottom: 25px !important;}
.testimonial3-con .testimonial_wrapper { position: relative; width: 100%;}
.testimonial3-con .testimonial-box {padding: 30px;}
.testimonial3-con .owl-carousel .owl-nav {margin-top: 25px !important; position: relative; bottom: 0; left: 0;}
.testimonial3-con .owl-carousel .owl-prev i,
.testimonial3-con .owl-carousel .owl-next i {font-size: 14px; width: 45px; height: 45px; line-height: 45px;}
.project3-con .lower_content .content {padding-top: 20px !important;}
.project3-con .owl-carousel .owl-prev i,
.project3-con .owl-carousel .owl-next i {font-size: 14px; width: 45px; height: 45px; line-height: 43px;}
.testimonial3-con .owl-carousel .owl-prev span, .testimonial3-con .owl-carousel .owl-next span {font-size: 16px;width: 40px;height: 40px;line-height: 40px;}
.home3-footer-sect span {width: 66%;}
.style4 .projectpage-con {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
}
@media screen and (max-width:767px) {
.service-con .service_wrapper{grid-template-columns: repeat(2, 1fr);}
.project-con .project-box .project-image img {height: 300px;}
.testimonial-con .carousel-indicators {margin: 20px 0 65px;}
.testimonial-con .carousel-indicators li {margin: 0 8px; width: 45px;}
.testimonial-con .carousel-indicators .active img {transform: scale(1.2);}
.testimonial-con .carousel-inner {width: 510px;}
.testimonial-con .testimonial-box .testimonial-quote {margin-bottom: 15px !important;}
.testimonial-con .testimonial-box .testimonial-quote img {width: 45px;}
.testimonial-con .testimonial-box p {font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.testimonial-con .testimonial-box ul {margin-bottom: 6px;}
.testimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.testimonial-con .testimonial-box .name {font-size: 18px; line-height: 22px; margin-bottom: 0;}
.testimonial-con .testimonial-box .review {font-size: 12px; line-height: 18px;}
.testimonial-con .carousel-control-prev,
.testimonial-con .carousel-control-next {height: 78px; width: 180px; top: -75px;}
.testimonial-con .carousel-control-prev {left: 0;}
.testimonial-con .carousel-control-next {right: 0;}
.testimonial-con .carousel-control-prev i,
.testimonial-con .carousel-control-next i {font-size: 14px; width: 40px; height: 40px; line-height: 40px;}
.testimonial-con .carousel-control-prev i {left: 130px;}
.testimonial-con .carousel-control-next i {right: 130px;}
.servicepage-con .service-box { padding: 42px 20px 38px;}
.servicepage-con{gap: 15px;}
.article-con{grid-template-columns: repeat(2, 1fr);}
.projecttestimonial-con .testimonial-box {padding: 20px 30px 30px;}
.projecttestimonial-con .testimonial-box .text {font-size: 14px;}
.projecttestimonial-con .testimonial-box .quote-img {top: 10px;}
.projecttestimonial-con .testimonial-box .quote-img img {width: 42px;}
.projecttestimonial-con .testimonial-box .name {font-size: 15px; line-height: 20px;}
.projecttestimonial-con .testimonial-box .position {font-size: 12px;}
.projecttestimonial-con .owl-carousel .owl-dots {margin-top: 25px !important;}
.projectpage-con .project-box span {font-size: 11px; margin-bottom: 0;}
.projectpage-con .project-box h4 {font-size: 16px; line-height: 22px;}
.projectpage-con .lower_content {padding: 0 10px;}
.projectpage-con .lower_content .content {width: 91.5%; padding: 8px; height: 60px; bottom: 10px;}
.projectpage-con .project-box i {font-size: 16px; width: 52px; height: 52px; line-height: 52px; bottom: 52px;}
.footer-upper-con p{flex-direction: column;}
.footer-upper-con input{width: 100%; margin: 0px !important; padding: 14px 28px;}
.footer-upper-con button{padding: 20px 28px;}
.service3-con .service_wrapper{grid-template-columns: repeat(1,1fr);}
.testimonial3-con .testimonial_content {padding: 0 30px;}
.testimonial3-con .testimonial-box {padding: 25px;}
.testimonial3-con .owl-carousel .owl-nav {margin-top: 20px !important;}
.testimonial3-con .owl-carousel .owl-prev {left: -5px;}
.testimonial3-con .owl-carousel .owl-next {right: -5px;}
.testimonial3-con .owl-carousel .owl-prev i,
.testimonial3-con .owl-carousel .owl-next i {width: 40px; height: 40px; line-height: 40px;}
.project3-con .lower_content .content {padding-top: 15px !important;}
.project3-con .owl-carousel .owl-nav {margin-top: 15px !important;}
.project3-con .owl-carousel .owl-prev {left: -5px;}
.project3-con .owl-carousel .owl-next {right: -5px;}
.project3-con .owl-carousel .owl-prev i,
.project3-con .owl-carousel .owl-next i {width: 40px; height: 40px; line-height: 40px;}
.style4 .projectpage-con {gap: 15px;}
}
@media screen and (max-width:575px) {
.service-con .service_wrapper{grid-template-columns: repeat(1, 1fr);}
.project-con .project_wrapper{grid-template-columns: repeat(1, 1fr);}
.testimonial-con .carousel-indicators {margin: 15px 0 46px;}
.testimonial-con .carousel-indicators li {margin: 0 6px; width: 35px;}
.testimonial-con .carousel-inner {width: 330px;}
.testimonial-con .testimonial-box .testimonial-quote {margin-bottom: 10px !important;}
.testimonial-con .testimonial-box .testimonial-quote img {width: 40px;}
.testimonial-con .testimonial-box p {font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.testimonial-con .testimonial-box ul {margin-bottom: 6px;}
.testimonial-con .testimonial-box ul li i {font-size: 12px; line-height: 12px;}
.testimonial-con .testimonial-box .name {font-size: 18px; line-height: 22px; margin-bottom: 0;}
.testimonial-con .testimonial-box .review {font-size: 12px; line-height: 18px;}
.testimonial-con .pagination_outer {width: 330px; margin: 0 auto;}
.testimonial-con .carousel-control-prev,
.testimonial-con .carousel-control-next {width: 85px;}
.testimonial-con .carousel-control-prev i {left: 30px;}
.testimonial-con .carousel-control-next i {right: 30px;}
.servicepage-con{display: grid;grid-template-columns: repeat(1, 1fr);}
.article-con {display: grid;grid-template-columns: repeat(1, 1fr);}
.projecttestimonial-con .testimonial-box {padding: 20px;}
.projecttestimonial-con .owl-carousel .owl-dots {margin-top: 20px !important;}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 3px;}
.projecttestimonial-con .owl-carousel .owl-dots .owl-dot.active span {width: 13px; height: 13px;}
.projectpage-con .project-box {width: 330px; margin: 0 auto 15px; text-align: center;}
.projectpage-con .lower_content {padding: 0 20px;}
.projectpage-con .lower_content .content {width: 88%; padding: 7px; height: 58px; bottom: 20px;}
.testimonial3-con .testimonial_content {padding: 0;}
.testimonial3-con .testimonial-box {padding: 20px;}
.testimonial3-con .owl-carousel .owl-nav {margin-top: 15px !important;}
.testimonial3-con .owl-carousel .owl-prev {left: -3px;}
.testimonial3-con .owl-carousel .owl-next {right: -3px;}
.project3-con .project_content p {margin-bottom: 25px;}
.project3-con .owl-carousel .owl-prev {left: -3px;}
.project3-con .owl-carousel .owl-next {right: -3px;}
.style4 .projectpage-con {grid-template-columns: repeat(1, 1fr);}
}