.slider-slide {
display: none;
}
.service-box-single:hover{
background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%);
}
.slider-button a:hover,.theme-btn a:hover,.header-button a:hover{
background-color: var(--wp--preset--color--secondary) !important;
}
.award-box {
position: absolute;
bottom: 7%;
left: 23px;
width: 145px;
z-index: 2;
}
.slider-dots {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 15px;
position: absolute;
align-items: center;
gap:10px;
bottom: 30px;
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
}
.service-inner-box h4 a{
text-decoration: none !important;
}
.custom-slider,.slider-main-box{
position: relative;
}
.custom-text {
display: inline-block;
}
.slider-right{
position: relative;
}
.custom-text {
position: absolute;
top: -10px;
left: 30px;
transform: rotate(-15deg);
}
.custom-text1 {
position: absolute;
top: 30px;
left: 40px;
transform: rotate(-15deg);
}
.about-left img {
width: 100%;
height: 460px;
object-fit: cover;
position: relative;
z-index: 1;
}
.about-content {
margin-left: -145px !important;
}
.dot {
width: 12px;
height: 12px;
background: #ffffff;
margin:0px !important;
border-radius: 50%;
cursor: pointer;
transition: background 0.3s;
}
.dot.active {
background: #ffffff;
position: relative;
z-index: 9;
}
.dot.active:after {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid #ffffff;
left: -4px;
right: 0px;
padding: 3px;
border-radius: 30px;
top: -4px;
content: "";
z-index: 0;
}
.slider-prev img,
.slider-next img {
width: 60px;
height: auto;
border-radius: 6px;
opacity: 0.8;
}
.slider-nav {
position: absolute;
width: 100%;
margin: 0 auto;
left: 0px;
right: 0px;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.slider-controls {
width: 95% !important;
max-width: 95% !important;
}
.slider-prev a {
background: transparent !important;
font-family: sans-serif;
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: white;
color: #ffffff00 !important;
text-transform: capitalize;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
background: transparent !important;
}
.slider-next{
justify-content: right !important;
text-align: right !important;
display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
text-align: center;
width: 142px;
height: 142px;
font-weight: bold;
border-radius: 12px;
padding: 10px;
border: none;
background-size: cover;
background-position: center;
display: flex;
justify-content: center !important;
align-items: center;
cursor: pointer;
}
.custom-slider{
position: relative;
}
.slider-content-box {
position: absolute;
top: 50%;
left: 10%;
z-index: 2;
right: 10%;
margin: 0 auto;
text-align: center;
transform: translateY(-50%);
}
.slider-social-box ul li{
background-color: transparent !important;
}
.slider-social-box ul li:hover{
background-color: var(--wp--preset--color--primary) !important;
}
.slider-social-box ul li a{
border-radius: 30px !important;
border: 1px solid #fff !important;
}
.slider-social-box ul li:hover a{
border: 1px solid var(--wp--preset--color--primary) !important;
}
.activity-image {
position: absolute;
left: 25px;
bottom: 15%;
z-index: 2;
}
.slider-right{
text-align: right;
}
.slider-right .owl-stage-outer{
margin-left: 0px !important;
}
.slider-right{
position: relative;
width: 100%;
}
.slide-item img {
width: 400px !important;
height: 530px;
margin: 0 auto;
}
.owl-dots {
position: relative;
width: 40%;
background: #ffffff;
height: 8px;
border-radius: 5px;
overflow: hidden;
margin-top: 15px;
margin-bottom: 10px;
padding: 0;
margin: 0 auto !important;
display: flex;
left: -35px;
right: 0px;
margin: 0 auto;
justify-content: center;
border: 1px solid #000000;
box-shadow: 0px 6px 10px 0px #0000001A;
}
.count-box {
position: absolute;
left: 0px;
right: -39%;
margin: 0 auto;
width: 10%;
bottom: -6px;
}
.owl-dot {
flex-grow: 1;
margin: 0;
padding: 0;
border: none;
background: transparent;
height: 100%;
position: relative;
cursor: pointer;
}
.team-content-box {
left: 0px;
position: absolute;
top: 13%;
right: -32%;
text-align: center;
margin: 0 auto;
width: 15%;
border: 1px solid #000000;
padding: 10px 10px;
background: #fff;
border-radius: 25px 8px 8px 4px;
}
.team-single-box{
position: relative;
}
.owl-dot span {
display: block;
height: 50%;
box-shadow: 0px 6px 10px 0px #0000001A;
width: 100%;
border-radius: 30px;
background-color: transparent;
transition: background-color 0.3s ease;
}
.owl-dot.active span {
background-color: #ff5e5e; } .animations-hidden-item{
opacity: 0;
transform: translateY(150px);
transition: all 1s;
}
.animations-show-item{
opacity: 1;
transform: translateY(0px);
}
.home .main-header-box{
position: absolute;
left: 0px;
background: transparent !important;
width: 100%;
z-index: 1;
}
.our-projects .owl-nav,.our-services .owl-nav {
display: block !important;
position: absolute;
top: -27%;
text-align: right;
width: 100%;
}
.our-projects .owl-carousel .owl-nav .owl-prev,.our-services .owl-carousel .owl-nav .owl-prev{
margin-right: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover span, .our-projects .owl-carousel .owl-nav .owl-next:hover span,
.our-services .owl-carousel .owl-nav .owl-prev:hover span, .our-services .owl-carousel .owl-nav .owl-next:hover span{
color: #ffffff;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover, .our-projects .owl-carousel .owl-nav .owl-next:hover,
.our-services .owl-carousel .owl-nav .owl-prev:hover, .our-services .owl-carousel .owl-nav .owl-next:hover {
background: var(--wp--preset--color--primary) !important;
}
.our-projects .owl-carousel .owl-nav .owl-prev, .our-projects .owl-carousel .owl-nav .owl-next,
.our-services .owl-carousel .owl-nav .owl-prev, .our-services .owl-carousel .owl-nav .owl-next {
width: 40px;
height: 40px;
background: #000000;
border: 0px;
border-radius: 30px;
}
.our-projects .owl-carousel .owl-nav .owl-prev,
.our-services .owl-carousel .owl-nav .owl-prev {
border-right: 2px solid #FFFFFF12;
}
.our-projects .owl-carousel .owl-nav .owl-prev span, .our-projects .owl-carousel .owl-nav .owl-next span,
.our-services .owl-carousel .owl-nav .owl-prev span, .our-services .owl-carousel .owl-nav .owl-next span  {
color: #ffffff;
font-size: 22px;
padding: 4px 8px;
}
.banner-image-wrap {
position: relative;
}
.about-left {
position: relative;
}
.wp-site-blocks{
padding: 0 !important;
}
.wpcf7-spinner {
position: absolute;
right: 0px;
}
.service-inner-box{
position: relative;
}
.service-inner-box .place-image, .service-inner-box .place-image img,
.blog-post .place-image, .blog-post .place-image img {
width: 100% !important;
object-fit: cover;
vertical-align: bottom;
}
p span.dashicons{
margin-right: 10px;
color: var(--wp--preset--color--primary);
}
.sale-button {
position: absolute;
left: 0px;
top: 1%;
padding: 4px 10px !important;
}
.menu-box nav ul li a:hover{
background: var(--wp--preset--color--primary) !important;
padding: 3px 15px;
color: #ffffff !important;
border-radius: 30px;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
color: #000000 !important;
}
.social-icon-box .wp-block-social-links{
justify-content: flex-end !important;
}
.social-icon-box .wp-social-link svg{
font-size: 18px;
fill: #FAA820 !important;
}
.social-icon-box .wp-social-link a:hover{
background: var(--wp--preset--color--primary) !important;
}
.social-icon-box .wp-social-link a:hover svg{
fill: #ffffff !important;
}
.social-icon-box .wp-social-link a {
background: #ffffff !important;
border-radius: 30px;
padding: 5px !important;
}
.menu-box nav ul li a{
padding: 0px 15px;
text-decoration: none;
}
.header-box-middle,.menu-box{
position: relative;
}
footer.wp-block-template-part .photolancer-footer-list {
gap: 15px;
}
.social-icon {
gap: 0px;
}
.head-menu-box{
border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
border-bottom: 0;
}
.social-icon li{
background-color:transparent !important;
}
.social-icon li a svg{
height: 20px !important;
width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
color: #fff !important;
}
.wlfmc-counter-wrapper{
width: auto;
}
.wp-block-woocommerce-customer-account a span{
font-family: Figtree;
font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
display: flex;
flex-direction: row-reverse;
}
.head-menu-box ul li a:hover {
background: #0E2646;
padding: 10px;
}
.head-menu-box ul li a {
padding: 10px;
}
.wp-block-image img{
vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
padding: 10px 15px;
color: #000000;
}
.wp-site-blocks{
padding: 0 !important;
}
footer.wp-block-template-part {
margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
color: #fff;
}
.sidebar-box .wp-block-search__button svg{
fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
padding: 0px;
margin: 10px 0px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
span.wp-block-navigation-item__label {
color: #000000;
}
.award-box {
position: relative;
bottom: 0;
left: 0px;
right: 0px;
margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 781px) {
.slider-banner{
text-align: center;
}
.slider-nav{
display: none;
}
.about-left img{
border: 0px;
}
.about-left img {
height: 300px;
border-width: 6px;
border-top-left-radius: 25px !important;
border-top-right-radius: 160px !important;
border-bottom-left-radius: 25px !important;
border-bottom-right-radius: 160px !important;
}
.about-content{
margin-left: 0px !important;
border-radius: 10px !important;
padding: 10px !important;
}
.our-services h3{
text-align: center !important;
}
.our-services .owl-nav{
margin-top: 20px;
}
.slider-main-box{
min-height: 1000px !important;  
}
.icon-box{
text-align: center;
}
.owl-dots {
left: 0px;
width: 90%;
}
.our-project h3{
text-align: center !important;
}
.our-projects .owl-nav, .our-services .owl-nav {
position: relative;
top: 0px;
text-align: center;
}
.social-gap{
gap:10px !important;
margin-bottom: 10px !important;
}
.about-left-image-3 img,.about-left-image-2 img,.about-left-image-1 img{
width: 100% !important;
height: 300px !important;
object-fit: cover;
}
.social-gap .wp-block-social-links{
gap:10px !important;
}
.slide-item .animations-hidden-item {
transform: translateY(-50%) !important;
transition: all 1s;
}
.custom-slider{
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.slide-item{
margin-top: 0px !important;
}
.place-image img{
width: 100% !important;
object-fit: cover !important;
}
.social-gap {
justify-content: center;
}
.home .main-header-box{
position: relative;
background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%)  !important;
}
.header-box-end{
max-width: 100% !important;
}
.header-logo .wp-block-group {
justify-content: center !important;
}
.custom-text1{
top: 0px;
}
.team-content-box {
top: 24%;
right: -50%;
width: 40%;
}
.custom-text,.custom-text1{
position: relative;
transform: none;
text-align: center;
margin-top: 0px !important;
left: 0px;
}
.custom-text {
display: block;
text-align: center;
}
.count-box{
display: none;
}
.activity-image {
position: relative;
left: 0px;
bottom: 0;
text-align: center;
}
.header-box-end {
padding-left: 10px !important;
padding-right: 10px !important;
}
.slide-item img {
width: 270px !important;
height: 350px;
margin: 0 auto;
}
.slider-content-box{
padding-top: 0px !important;
}
.short-heading-banner,.banner-heading,.slider-text{
text-align: center !important;
}
.slider-button{
justify-content: center !important;
}
.social-icon-box .wp-block-social-links {
justify-content: center !important;
margin-bottom: 10px !important;
margin-left: 0px !important;
margin-right: 0px !important;
max-width: 100% !important;
}
.tour-box {
max-width: 90% !important;
}
.place-image img,.tour-box img{
object-fit: cover
}
.about-content{
padding-left: 0px !important;
text-align: center;
margin-top: 30px !important;
}
.small-image {
width: 100%;
}
.about-btn {
justify-content: center;
}
.meta-post p{
text-align: center !important;
}
.service-inner-box h4,.service-inner-box p{
text-align: center !important;
}
.header-logo h1 {
text-align: center;
}
.header-button .wp-block-buttons{
justify-content: center;
}
.header-box-upper{
position: relative;
}
.header-box-middle{
max-width: 100% !important;
}
}
@media screen and (min-width: 576px) and (max-width: 781px) {
.team-content-box {
top: 24%;
right: -43%;
width: 24%;
}
.owl-dots {
left: 0px;
width: 68%;
}
.line-heading-box{
display: grid !important;
grid-template-columns: auto auto auto !important;
}
.slide-item img {
width: 350px !important;
height: 450px;
}
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
.tour-box{
max-width: 95% !important;
gap:10px;
}
.header-box-end {
max-width: 94% !important;
padding-left: 15px;
padding-right: 15px;
gap:0px !important;
}
.slider-content-box{
padding-top: 120px !important;
}
.custom-text {
position: absolute;
top: -35px;
left: -115px;
transform: rotate(-15deg);
}
.line-heading-box{
max-width: 95% !important;
gap:0px !important;
}
.line-heading-box .wp-container-core-group-is-layout-e4a6eaeb {
flex-wrap: nowrap;
gap: 12px !important;
}
.line-heading-box h4{
font-size: 14px !important;
}
.custom-text1 {
position: absolute;
top: 7px;
left: -105px;
transform: rotate(-15deg);
}
.header-box-end p{
font-size: 11px !important;
}
.social-icon-box .wp-block-social-links {
justify-content: flex-end !important;
gap: 8px;
}
.slide-item img {
width: 100% !important;
height: 400px;
margin: 0 auto;
}
.owl-dots {
position: relative;
width: 65%;
}
.count-box {
right: -73%;
width: 20%;
bottom: 28.3%;
}
.team-content-box {
top: 22%;
right: -52%;
width: 34%;
}
.activity-image {
position: relative;
left: 0px;
bottom: 0px;
text-align: center;
}
.about-left-image-1 img,.about-left-image-3 img,.about-left-image-2 img{
object-fit: cover;
}
.menu-box ul {
gap:8px;
}
.menu-box ul li a {
font-size: 12px !important;
}
.menu-box nav ul li a {
padding: 0px 8px;
}
.meta-box-slider{
max-width: 95% !important;
}
.social-gap ul {
gap:10px;
}
.header-box-middle{
max-width: 100% !important;
}
.about-small-image {
flex-basis: 18% !important;
}
.banner-heading {
font-size: 25px !important;
}
.our-services .owl-nav {
top: -23%;
}
.about-box,.project-heading h6,.project-heading h3,.services-owl-box{
max-width: 95% !important;
}
.team-box{
display: block !important;
text-align: center;
}
.service-inner-box h4 {
font-size: 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 800px) {
.admin-bar .wp-block-navigation__responsive-container-close {
color: #000000;
top:15px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
justify-content: center !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.our-projects .owl-nav {
top: -39%;
}
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
.meta-post{
gap:0px;
}
.our-projects .owl-nav {
top: -46%;
}
.line-heading-box{
gap:0px;
}
.line-heading-box .wp-container-core-group-is-layout-e4a6eaeb{
gap:10px;
}
.social-icon-box ul{
gap:10px;
}
.team-content-box {
right: -41%;
width: 23%;
}
.activity-image {
position: absolute;
left: -16%;
}
.count-box {
right: -51%;
width: 15%;
bottom: -6px;
}
.owl-dots {
position: relative;
width: 50%;
}
.custom-text1 {
position: absolute;
top: 14px;
left: -39px;
}
.custom-text {
position: absolute;
top: -32px;
left: -50px;
}
.header-box-end{
padding-left: 20px !important;
padding-right: 20px !important;
}
.header-box-end,.header-box-middle,.header-btn-box{
gap:0px !important;
}
.slide-item img {
width: 340px !important;
height: 450px;
margin: 0 auto;
}
}
@media screen and (min-width: 1440px) and (max-width: 1500px) {
.slide-item img {
width: 400px !important;
}
.activity-image {
position: absolute;
left: -11%;
}
} .wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
width: 40px;
height: 40px;
position: fixed;
right: 25px;
bottom: 25px;
display: inline-block;
z-index: 1;
text-indent: -5000px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
display: none;
padding: 0;
margin-top: 0;
}
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
content: "";
width: 40px;
height: 40px;
background-color: #fff;
-webkit-mask-image: url(//ensp.store/wp-content/themes/digital-growth-strategist/assets/images/up-arrow.svg);
mask-image: url(//ensp.store/wp-content/themes/digital-growth-strategist/assets/images/up-arrow.svg);
mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
position: absolute;
display: inline-block;
left: 0;
top: 0;
}