.elementor-7563 .elementor-element.elementor-element-4d45705{--display:flex;--min-height:530px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:27px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;}.elementor-7563 .elementor-element.elementor-element-4d45705:not(.elementor-motion-effects-element-type-background), .elementor-7563 .elementor-element.elementor-element-4d45705 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://rankdone.com/wp-content/uploads/2024/06/popup.png");background-repeat:no-repeat;background-size:contain;}.elementor-7563 .elementor-element.elementor-element-33add2e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7563 .elementor-element.elementor-element-59b7525.elementor-element{--align-self:flex-start;}.elementor-7563 .elementor-element.elementor-element-69cc0c6.elementor-element{--align-self:flex-start;}.elementor-7563 .elementor-element.elementor-element-c749c03.elementor-element{--align-self:flex-start;}#elementor-popup-modal-7563 .dialog-widget-content{background-color:#F0F0F000;border-radius:7px 7px 7px 7px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-7563{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7563 .dialog-message{width:624px;height:530px;align-items:flex-start;}#elementor-popup-modal-7563 .dialog-close-button{display:flex;top:-60px;background-color:var( --e-global-color-secondary );font-size:24px;}body:not(.rtl) #elementor-popup-modal-7563 .dialog-close-button{right:0px;}body.rtl #elementor-popup-modal-7563 .dialog-close-button{left:0px;}#elementor-popup-modal-7563 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-7563 .dialog-close-button svg{fill:var( --e-global-color-primary );}#elementor-popup-modal-7563 .dialog-close-button:hover i{color:var( --e-global-color-primary );}#elementor-popup-modal-7563 .dialog-close-button:hover{background-color:var( --e-global-color-accent );}@media(max-width:1366px){.elementor-7563 .elementor-element.elementor-element-4d45705{--min-height:500px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-7563 .elementor-element.elementor-element-33add2e{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7563 .elementor-element.elementor-element-59b7525 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7563 .elementor-element.elementor-element-69cc0c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7563 .elementor-element.elementor-element-c749c03 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-7563 .dialog-message{height:500px;}#elementor-popup-modal-7563 .dialog-close-button{top:0px;}body:not(.rtl) #elementor-popup-modal-7563 .dialog-close-button{right:-60px;}body.rtl #elementor-popup-modal-7563 .dialog-close-button{left:-60px;}}@media(max-width:767px){.elementor-7563 .elementor-element.elementor-element-33add2e{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for html, class: .elementor-element-59b7525 */.btn-square {
    width: 172px;
    height: 142px;
    background-color: #000;
    border-radius: 14px;
    padding: 16px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

.btn-square .icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 20px;
    right: 21px;
    background: url(https://rankdone.com/wp-content/uploads/2024/06/icon-arrow.svg) no-repeat;
    width: 1.3rem;
    height: 1.3rem;
}

.btn-square small {
    color: var(--misc-white, #FFF);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 60px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block
}

.btn-square:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 11px 10px 10px 10px;
}

.btn-square:hover small {
    color: #000;
    margin-top: 80px;
}

.btn-square:hover .icon {
    top: 11px;
    right: 12px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d45705 */.image {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
    max-width: 560px;
    height: 256px;
}

.banner-popup, .detail {
    position: absolute;
}

.banner-popup {
    z-index: 2;
    top: -18px;
    right: -39px;
}

.detail {
    top: -112px;
    left: -148px;
    user-select: none;
}

@media (max-width: 1400px) {
   .image {
       height: 160px;
   } 
}/* End custom CSS */
/* Start custom CSS */.dialog-close-button {
    border-radius: 8px;
    padding: 10px;
}/* End custom CSS */