@keyframes mask_animation{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes mask_animation_2{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.wdb__btn i{transition:all .3s}.wdb__btn svg{width:1em;height:1em}.wdb__btn a{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;line-height:1;font-weight:500;transition:all .3s}.wdb__btn.icon-position-after i,.wdb__btn.icon-position-after svg{order:15}.wdb__btn.icon-position-after .wdb-btn-mask::after{align-items:flex-start;justify-content:flex-start}.wdb-btn-default{padding:17px 35px;border:1px solid #1c1d20;overflow:hidden;z-index:0}.wdb-btn-default:hover{color:#1c1d20}.wdb-btn-circle{width:140px;height:140px;color:#1c1d20;border-radius:100%;flex-direction:column;background-color:#e8bf96}@media only screen and (max-width:1199px){.wdb-btn-circle{width:130px;height:130px}}.wdb-btn-circle:hover{color:#fff}.wdb-btn-oval{color:#1c1d20;border:1px solid #1c1d20;padding:32px 52px;border-radius:50% 50% 50% 50%}@media only screen and (max-width:991px){.wdb-btn-oval{padding:30px}}.wdb-btn-oval:hover{color:#e8bf96}.wdb-btn-ellipse{color:#1c1d20;padding:45px 45px;position:relative;background-color:#1c1d20;border-radius:100%;border-top-left-radius:200%;border-bottom-right-radius:200%;z-index:1}.wdb-btn-ellipse:hover{color:#ffbc7d;background-color:#e8bf96}.wdb-btn-ellipse:before{position:absolute;content:"";width:calc(100% - 16px);height:calc(100% - 2px);background-color:#fff;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;border-top-left-radius:200%;border-bottom-right-radius:200%}.wdb-btn-square{flex-direction:column;color:#1c1d20;text-align:center;border:1px solid currentColor;height:215px;width:215px;padding:20px;z-index:0;transition:all .5s}@media only screen and (max-width:1199px){.wdb-btn-square{width:200px;height:200px}}@media only screen and (max-width:991px){.wdb-btn-square{width:170px;height:170px;font-size:18px}}.wdb-btn-square:hover{color:#e8bf96}.wdb-btn-underline{color:#1c1d20;padding-bottom:5px;position:relative}.wdb-btn-underline::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:#1c1d20;transition:all .3s}.wdb-btn-underline:hover{color:#e8bf96;fill:#e8bf96}.wdb-btn-underline:hover::after{width:0%}.wdb-btn-mask{padding:15px 30px;position:relative;overflow:hidden;transition:all .5s;border-radius:5px;color:#1c1d20;border:1px solid #1c1d20;z-index:1}.wdb-btn-mask i,.wdb-btn-mask svg{position:relative;z-index:1}.wdb-btn-mask::after{display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;position:absolute;content:attr(data-text);cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:#1c1d20;-webkit-mask:url(//www.dotdee.com/wp-content/plugins/designbox/builder/designbox-builder/assets/images/mask-btn.png);mask:url(//www.dotdee.com/wp-content/plugins/designbox/builder/designbox-builder/assets/images/mask-btn.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;animation:mask_animation_2 .7s steps(22) forwards;padding:15px 30px}.wdb-btn-mask:hover{color:#1c1d20}.wdb-btn-mask:hover::after{animation:mask_animation .7s steps(22) forwards}.btn-hover-bgchange{overflow:hidden;position:relative;z-index:5}.btn-hover-bgchange span{position:absolute;content:"";width:0;height:0;left:50%;top:50%;z-index:-1;border-radius:100%;transition:all 1s;background-color:#1c1d20;transform:translate(-50%,-50%)}.btn-hover-bgchange:hover{color:#fff;border:1px solid #1c1d20}.btn-hover-bgchange:hover span{width:400px;height:400px}.btn-hover-default:hover{color:#1c1d20;background-color:#fff}.btn-hover-cross{overflow:hidden;position:relative;transition:all 1s}.btn-hover-cross::after{position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-cross:hover{color:#fff;background-color:transparent}.btn-hover-cross:hover::after{height:120%;opacity:1}.btn-hover-divide{overflow:hidden;position:relative;transition:all 1s;z-index:1}.btn-hover-divide::after{position:absolute;content:"";width:0%;height:100%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-divide:hover{color:#fff;background-color:transparent}.btn-hover-divide:hover::after{width:120%;opacity:1}.btn-hover-cropping{overflow:hidden;position:relative;transition:all 1s}.btn-hover-cropping::after{position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%) rotate(25deg);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-cropping:hover{color:#fff;background-color:transparent}.btn-hover-cropping:hover::after{height:400%;opacity:1}.btn-rollover-top{position:relative;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-top:after{position:absolute;left:0;bottom:0;height:0;width:100%;z-index:-1;content:"";background-color:#1c1d20;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-top:hover{color:#fff;background-color:transparent}.btn-rollover-top:hover::after{top:0;bottom:auto;height:100%}.btn-rollover-left{position:relative;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-left::after{position:absolute;top:0;right:0;height:100%;width:0;z-index:-1;content:"";background-color:#1c1d20;transition:all .4s cubic-bezier(.42,0,.58,1) 0s}.btn-rollover-left:hover{color:#fff;background-color:transparent}.btn-rollover-left:hover::after{left:0;right:auto;width:100%}.btn-rollover-cross{overflow:hidden;position:relative;transition:all .5s}.btn-rollover-cross::before{position:absolute;content:"";width:100%;height:100%;bottom:100%;left:100%;opacity:0;border-bottom:1px solid #1c1d20;border-left:1px solid #1c1d20;transition:all .75s}.btn-rollover-cross::after{position:absolute;content:"";width:100%;height:100%;top:100%;right:100%;opacity:0;border-top:1px solid #1c1d20;border-right:1px solid #1c1d20;transition:all .75s}.btn-rollover-cross:hover{border-color:transparent!important;color:#1c1d20}.btn-rollover-cross:hover::before{bottom:0;left:0;opacity:1;width:100%;height:100%}.btn-rollover-cross:hover::after{top:0;right:0;opacity:1;width:100%;height:100%}.btn-parallal-border{overflow:hidden;position:relative;transition:all .5s}.btn-parallal-border::before{position:absolute;content:"";width:0%;height:0%;bottom:0;left:0;opacity:0;border-bottom:1px solid #1c1d20;border-left:1px solid #1c1d20;transition:all .75s}.btn-parallal-border::after{position:absolute;content:"";width:0%;height:0%;top:0;right:0;opacity:0;border-top:1px solid #1c1d20;border-right:1px solid #1c1d20;transition:all .75s}.btn-parallal-border:hover{border-color:transparent!important;color:#1c1d20}.btn-parallal-border:hover::before{opacity:1;width:100%;height:100%}.btn-parallal-border:hover::after{opacity:1;width:100%;height:100%}.elementor-widget-wdb--contact-form-7 .wdb-btn-default{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;line-height:1;font-weight:500;transition:all .3s}.elementor-widget-wdb--contact-form-7 svg{width:1em;height:1em}.elementor-widget-wdb--contact-form-7.icon-position-after i,.elementor-widget-wdb--contact-form-7.icon-position-after svg{order:15}.elementor-widget-wdb--contact-form-7 .wpcf7-list-item:first-child{margin-left:0}.main-menu .dp-menu li a{
display: flex;
align-items: center;
gap: 10px;
}
.mega_menu.wdb-mg-megamenu-section.fullwidth {
position: fixed;
width: 100%;
left: 0;
}
.wdb-mg-has-megamenu:hover{
position: static;
}
.wdb-mg-has-megamenu:hover .mega_menu.wdb-mg-megamenu-section {
opacity: 1;
visibility: visible;
}
.mean-nav .wdb-mg-has-megamenu:hover .mega_menu.wdb-mg-megamenu-section {
position: fixed;
left: auto;
}
.mega_menu.wdb-mg-megamenu-section {
width: 100%;
position: absolute;
opacity: 0;
visibility: hidden;    
left:0;
z-index: 99;
}
.wdb--mega-menu-empty-content{
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
padding: 50px;
color: #fff;
background: #e59809;
}
.wdb--editemptybutton {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
gap: 2px;
height: 40px;
width: max-content;
border: none;
background: #008ce162;
border-radius: 20px;
cursor: pointer;
}
.wdb--editemptybutton .editemptylable {
line-height: 22px;
font-size: 19px;
color: #fff;
font-family: sans-serif;
letter-spacing: 1px;
}
.wdb--editemptybutton:hover {
background: #a549da62;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a { 
justify-content: space-between;
}.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//www.dotdee.com/wp-content/plugins/reachout-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.reachout-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.reachout-btn-width-full a {
width: 100%;
justify-content: center;
}.reachout--post svg {
width: 1em;
height: 1em;
}
.reachout--post img {
object-fit: cover;
}
.reachout--post {
display: grid;
row-gap: 30px;
transition: all 0.3s;
} .reachout--post.post-style-1 .wrapper {
display: flex;
gap: 20px;
}
.reachout--post.post-style-1 .number {
flex-basis: 30px;
}
.reachout--post.post-style-1 .link-wrap {
margin-left: auto;
}
.reachout--post.post-style-1 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.reachout--post.post-style-1 .link {
min-width: 12px;
display: inline-block;
transition: all 0.3s;
transform: translate(-20px, 20px);
opacity: 0;
}
.reachout--post.post-style-1 .item:hover .link {
opacity: 1;
transform: translate(0, 0);
}
@media (max-width: 1200px) {
.reachout--post.post-style-1 .link {
opacity: 1;
transform: translate(0, 0);
}
} .reachout--post.post-style-2 .wrapper {
display: flex;
}
.reachout--post.post-style-2 .author-wrap {
flex-basis: 300px;
}
.reachout--post.post-style-2 .content {
flex: 1;
}
.reachout--post.post-style-2 .author {
align-items: center;
display: flex;
gap: 10px;
}
.reachout--post.post-style-2 .name {
display: inline-block;
}
@media (max-width: 767px) {
.reachout--post.post-style-2 .wrapper {
flex-wrap: wrap;
}
} .reachout--post.post-style-3 .item {
position: relative;
overflow: hidden;
}
.reachout--post.post-style-3 .thumb img {
width: 100%;
}
.reachout--post.post-style-3 .item::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: #12121222;
}
.reachout--post.post-style-3 .wrapper * {
color: white;
fill: white;
}
.reachout--post.post-style-3 .wrapper {
position: absolute;
bottom: -50px;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 30px;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.reachout--post.post-style-3 .item:hover .wrapper {
bottom: 0;
opacity: 1;
visibility: visible;
} .reachout--post.post-style-4 .item {
gap: 15px;
display: grid;
align-items: center;
grid-template-columns: 1fr 1.5fr;
}
.reachout--post.post-style-4 .wc-btn-group > *:nth-child(1) {
justify-content: flex-start;
}
.reachout--post.post-style-4 .wc-btn-group > *:nth-child(3) {
justify-content: flex-end;
}
.reachout--post.post-style-4 .post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 767px) {
.reachout--post.post-style-4 .item {
grid-template-columns: 1fr;
}
} .reachout--post.post-style-5 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.reachout--post.post-style-5 .item {
position: relative;
overflow: hidden;
}
.reachout--post.post-style-5 .wrapper {
position: absolute;
bottom: 0;
right: 0;
width: 80%;
background: #fff;
}