.elementor-20466 .elementor-element.elementor-element-e1e7a9b:not(.elementor-motion-effects-element-type-background), .elementor-20466 .elementor-element.elementor-element-e1e7a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.golddust.ae/wp-content/uploads/2023/08/banner-newww-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20466 .elementor-element.elementor-element-e1e7a9b > .elementor-background-overlay{background-color:#00000096;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20466 .elementor-element.elementor-element-e1e7a9b > .elementor-container{min-height:700px;}.elementor-20466 .elementor-element.elementor-element-e1e7a9b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-160px;margin-bottom:0px;padding:0% 0% 5% 0%;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20466 .elementor-element.elementor-element-28bfdf2f > .elementor-widget-container{margin:126px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-28bfdf2f{text-align:center;}.elementor-20466 .elementor-element.elementor-element-28bfdf2f .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;text-transform:uppercase;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#BB830F;stroke:#BB830F;text-shadow:0px 0px 11px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-20466 .elementor-element.elementor-element-48a72921 > .elementor-widget-container{margin:150px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-48a72921{text-align:center;}.elementor-20466 .elementor-element.elementor-element-48a72921 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:80px;font-weight:400;text-transform:capitalize;color:#FFFFFF;}.elementor-20466 .elementor-element.elementor-element-218f0573{text-align:center;}.elementor-20466 .elementor-element.elementor-element-218f0573 .elementor-heading-title{font-family:"Waiting for the Sunrise", Sans-serif;font-size:40px;font-weight:100;text-transform:none;color:#FFFFFF;}.elementor-20466 .elementor-element.elementor-element-3438360d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-dda8055{margin-top:80px;margin-bottom:0px;overflow:visible;}.elementor-20466 .elementor-element.elementor-element-eb8f7d9{width:var( --container-widget-width, 99.143% );max-width:99.143%;--container-widget-width:99.143%;--container-widget-flex-grow:0;text-align:center;}.elementor-20466 .elementor-element.elementor-element-eb8f7d9 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-20466 .elementor-element.elementor-element-eb8f7d9 .elementor-heading-title{font-family:"Raleway Dots", Sans-serif;font-size:50px;line-height:1.2em;color:#000000;}.elementor-20466 .elementor-element.elementor-element-8575fc5{padding:0px 0px 80px 0px;overflow:visible;}.elementor-20466 .elementor-element.elementor-element-2460d7d3{margin-top:-150px;margin-bottom:0px;overflow:visible;}.elementor-20466 .elementor-element.elementor-element-c6f59a4{margin-top:0px;margin-bottom:0px;padding:80px 0px 0px 0px;overflow:visible;}.elementor-20466 .elementor-element.elementor-element-29b625ea:not(.elementor-motion-effects-element-type-background), .elementor-20466 .elementor-element.elementor-element-29b625ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.golddust.ae/wp-content/uploads/2023/07/Get-in-touch_3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20466 .elementor-element.elementor-element-29b625ea > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #00000078 100%, #93999E99 100%);opacity:0.88;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20466 .elementor-element.elementor-element-29b625ea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:80px;margin-bottom:0px;padding:100px 0px 100px 0px;overflow:visible;}.elementor-20466 .elementor-element.elementor-element-4ca88d95 > .elementor-background-overlay{opacity:0.5;transition:background 1.1s, border-radius 0.3s, opacity 1.1s;}.elementor-20466 .elementor-element.elementor-element-4ca88d95:hover > .elementor-background-overlay{opacity:0.5;}.elementor-20466 .elementor-element.elementor-element-4ca88d95{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;padding:50px 0px 0px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-20466 .elementor-element.elementor-element-3a90b8cc.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc > .elementor-element-populated{margin:0px 90px 0px 0px;--e-column-margin-right:90px;--e-column-margin-left:0px;}.elementor-20466 .elementor-element.elementor-element-3a713e5c{width:var( --container-widget-width, 122.323% );max-width:122.323%;--container-widget-width:122.323%;--container-widget-flex-grow:0;text-align:left;}.elementor-20466 .elementor-element.elementor-element-3a713e5c > .elementor-widget-container{margin:40px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-3a713e5c .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:44px;font-weight:300;text-transform:none;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20466 .elementor-element.elementor-element-5f0c0b51 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-5f0c0b51{text-align:justify;font-family:"Raleway", Sans-serif;font-size:20px;font-weight:300;line-height:1.4em;color:#FFFFFF;}.elementor-20466 .elementor-element.elementor-element-323988c5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #BFD7ED 0%, #BFD7ED 100%);}.elementor-bc-flex-widget .elementor-20466 .elementor-element.elementor-element-323988c5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20466 .elementor-element.elementor-element-323988c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20466 .elementor-element.elementor-element-323988c5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-element-populated, .elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-element-populated > .elementor-background-overlay, .elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 30px 50px 30px;}.elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20466 .elementor-element.elementor-element-7aa4fc39{text-align:left;}.elementor-20466 .elementor-element.elementor-element-7aa4fc39 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:27px;line-height:1.4em;color:#222222;}@media(min-width:768px){.elementor-20466 .elementor-element.elementor-element-3a90b8cc{width:60%;}.elementor-20466 .elementor-element.elementor-element-323988c5{width:40%;}}@media(max-width:1024px){.elementor-20466 .elementor-element.elementor-element-eb8f7d9 .elementor-heading-title{font-size:25px;}.elementor-20466 .elementor-element.elementor-element-29b625ea{padding:5% 5% 5% 5%;}.elementor-20466 .elementor-element.elementor-element-236e17ea > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-4ca88d95{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-20466 .elementor-element.elementor-element-3a90b8cc.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-5f0c0b51{font-size:15px;line-height:1.6em;}.elementor-20466 .elementor-element.elementor-element-323988c5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-20466 .elementor-element.elementor-element-eb8f7d9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-eb8f7d9{text-align:center;}.elementor-20466 .elementor-element.elementor-element-29b625ea{padding:60px 30px 60px 30px;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-7aa4fc39 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20466 .elementor-element.elementor-element-7aa4fc39{text-align:left;}}@media(max-width:1024px) and (min-width:768px){.elementor-20466 .elementor-element.elementor-element-236e17ea{width:100%;}.elementor-20466 .elementor-element.elementor-element-3a90b8cc{width:50%;}.elementor-20466 .elementor-element.elementor-element-323988c5{width:50%;}}@media(min-width:1025px){.elementor-20466 .elementor-element.elementor-element-29b625ea:not(.elementor-motion-effects-element-type-background), .elementor-20466 .elementor-element.elementor-element-29b625ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-3438360d */.btn-banner{all:unset;font-family:Helvetica,Arial,sans-serif;display:block; max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#D5B690;color:#fff;font-size:16px;border-radius:25px;padding:0 33px;font-weight:100;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0 auto;text-decoration:none;}


.btn-banner{
    margin-top: 50px;
    margin-top: 15px;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #D5B690;
   
    font-size: 16px;
    border-radius: 25px;
    padding: 0 33px;
    display: flex;
    height: 45px;
    width: 150px;
    border: none;
    border-radius: 50px;
    background: #D5B690;
    margin: 40px 0px 20px 20px;
    color: #000;
    /* text-transform: uppercase; */
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1.5px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 10px auto 0 auto;
    text-align: justify;
}

.btn-banner a {
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
}

button#button-3:hover {
    color: #fff;}
    
button#button-3 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

button#button-3{
  position: relative;
  transition: all .45s ease-Out;
}

#circle{ color: #fff;
    width: 0%;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background:color(srgb 0.33 0.36 0.38 / 0.23)!important;
    position: absolute;
    transition: all .5s ease-Out;
    top: 20px;
    left: 70px;
}
button#button-3:hover #circle {
  width: 200%;
  height: 500%;
  opacity: 1;
  top: -70px;
  left: -70px;
  color: #fff;
}

button#button-3:hover{
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a807d02 */.flip-card {
    max-width: 94%;
    width: 35rem;
    height: 45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media(max-width: 1279px) {
    .flip-card {
        width:27.8rem;
        height: 41.7rem
    }
}



.flip-card:hover .card-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.flip-card:hover .card-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flip-card .card-front {
    width: 100%;
    height: 100%;
    padding: 3rem;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 1279px) {
    .flip-card .card-front {
        padding:2.4rem
    }
}

.flip-card .card-front .front-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: auto
}

.flip-card .card-back .card-back-content p {
    padding-right: 60px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #fff;
    max-height: 16.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 1279px) {
    .flip-card .card-front .front-content p {
        font-size:1.7rem;
        line-height: 2.3rem
    }
}

@media(max-width: 767px) {
    .flip-card .card-front .front-content p {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.ltr .flip-card .card-front .front-content p {
    padding-right: 2rem
}

.rtl .flip-card .card-front .front-content p {
    padding-left: 2rem
}

.ltr .flip-card .card-front .front-content svg {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rtl .flip-card .card-front .front-content svg {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.flip-card .card-back {
    padding: 3rem;
    position: absolute;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-box-shadow: 0 2rem 3rem rgba(0,0,0,.05);
    box-shadow: 0 2rem 3rem rgba(0,0,0,.05);
    background-color:#B9915B;
}

@media(max-width: 1279px) {
    .flip-card .card-back {
        padding:2.4rem
    }
}

.flip-card .card-back .card-back-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flip-card .card-back .card-back-content img {
    max-width: 8.5rem !important
}

@media(max-width: 1279px) {
    .flip-card .card-back .card-back-content img {
        max-width:6.5rem !important
    }
}


.flip-card .card-back .card-back-content h4 {
    font-size: 2.5rem;
    line-height: 3.4rem;
    color: #ffffff;
    margin-bottom: 2.2rem;
    margin-top: 3rem;
}

@media(max-width: 1279px) {
    .flip-card .card-back .card-back-content h4 {
        font-size:2rem;
        line-height: 2.6rem;
        margin-bottom: 2rem;
        margin-top: 2.5rem
    }
}

@media(max-width: 767px) {
    .flip-card .card-back .card-back-content h4 {
        margin:1.5rem 0
    }
}



@media(max-width: 1279px) {
    .flip-card .card-back .card-back-content p {
        font-size:1.1rem;
        line-height: 1.7rem
    }
}

.flip-card .card-back .card-back-content .link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto
}

.flip-card .card-back .card-back-content .link-container .animated-link:hover strong {
    color: #fff
}

.flip-card .card-back .card-back-content .link-container .animated-link strong {
    color: #24b4ba
}
.animated-link {
    text-decoration: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    font-family: "Bukra Bold"
}

.animated-link:hover strong {
    color: #fff
}

.ltr .animated-link:hover strong {
    -webkit-transform: translateX(2.5rem);
    transform: translateX(2.5rem)
}

@media(max-width: 1440px) {
    .ltr .animated-link:hover strong {
        -webkit-transform:translateX(2.2rem);
        transform: translateX(2.2rem)
    }
}

@media(max-width: 1279px) {
    .ltr .animated-link:hover strong {
        -webkit-transform:translateX(2rem);
        transform: translateX(2rem)
    }
}

.rtl .animated-link:hover strong {
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

@media(max-width: 1440px) {
    .rtl .animated-link:hover strong {
        -webkit-transform:translateX(-2.2rem);
        transform: translateX(-2.2rem)
    }
}

@media(max-width: 1279px) {
    .rtl .animated-link:hover strong {
        -webkit-transform:translateX(-2rem);
        transform: translateX(-2rem)
    }
}

.animated-link:hover small {
    width: 100% !important;
    background-color: #24b4ba
}

.ltr .animated-link:hover small i {
    -webkit-transform: translateX(-0.5rem);
    transform: translateX(-0.5rem)
}

.rtl .animated-link:hover small i {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
}

.animated-link:hover small i svg path {
    stroke: #fff
}

.animated-link strong {
    font-size: 1.2rem;
    line-height: 1.9rem;
    letter-spacing: .07rem;
    -webkit-transition: color .3s ease-out,-webkit-transform .3s ease-out;
    transition: color .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,color .3s ease-out;
    transition: transform .3s ease-out,color .3s ease-out,-webkit-transform .3s ease-out
}

@media(max-width: 767px) {
    .animated-link strong {
        font-size:1.1rem;
        line-height: 1.5rem
    }
}

.ltr .animated-link strong {
    margin-right: 2rem
}

@media(max-width: 1279px) {
    .ltr .animated-link strong {
        margin-right:1.5rem
    }
}

.rtl .animated-link strong {
    margin-left: 2rem;
    letter-spacing: unset !important
}

@media(max-width: 1279px) {
    .rtl .animated-link strong {
        margin-left:1.5rem
    }
}

.animated-link span {
    width: 6.4rem;
    height: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1440px) {
    .animated-link span {
        width:5.4rem;
        height: 5.4rem
    }
}

@media(max-width: 1279px) {
    .animated-link span {
        width:6.1rem;
        height: 6.1rem
    }
}

@media(max-width: 767px) {
    .animated-link span {
        width:5.2rem;
        height: 5.2rem
    }
}

.animated-link span small {
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .2rem solid #24b4ba;
    border-radius: 999px;
    -webkit-transition: background-color .3s ease-out,width .3s ease-out;
    transition: background-color .3s ease-out,width .3s ease-out;
    z-index: -1
}

@media(max-width: 1440px) {
    .animated-link span small {
        width:5.4rem;
        height: 5.4rem
    }
}

@media(max-width: 1279px) {
    .animated-link span small {
        width:6.1rem;
        height: 6.1rem
    }
}

@media(max-width: 767px) {
    .animated-link span small {
        width:5.2rem;
        height: 5.2rem
    }
}

.ltr .animated-link span small {
    right: 0
}

.rtl .animated-link span small {
    left: 0
}

.animated-link span small i {
    width: 6.4rem;
    height: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

@media(max-width: 1440px) {
    .animated-link span small i {
        width:5.4rem;
        height: 5.4rem
    }
}

@media(max-width: 1279px) {
    .animated-link span small i {
        width:6.1rem;
        height: 6.1rem
    }
}

@media(max-width: 767px) {
    .animated-link span small i {
        width:5.2rem;
        height: 5.2rem
    }
}

.ltr .animated-link span small i {
    right: 0
}

.rtl .animated-link span small i {
    left: 0
}

.rtl .animated-link span small i svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.animated-link span small i svg path {
    -webkit-transition: stroke .3s ease-out;
    transition: stroke .3s ease-out
}

.card-image-scale {
    max-width: 100%;
    width: 35rem;
    height: 54rem;
    background-color: #efefef;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #24b4ba), color-stop(60%, transparent));
    background: linear-gradient(to top, #24b4ba 30%, transparent 60%);
    border-radius: 20px
}

@media(max-width: 1440px) {
    .card-image-scale {
        padding:2.5rem;
        width: 30rem;
        height: 46.3rem
    }
}

@media(max-width: 1279px) {
    .card-image-scale {
        width:27.8rem;
        height: 41.7rem;
        padding: 2.3rem
    }
}

@media(max-width: 767px) {
    .card-image-scale {
        width:26rem;
        height: 39.2rem;
        padding: 2rem
    }
}



@media(max-width: 1440px) {
    .card-image-scale .card-image {
        width:30rem;
        height: 46.3rem
    }
}

@media(max-width: 1279px) {
    .card-image-scale .card-image {
        width:27.8rem;
        height: 41.7rem
    }
}

@media(max-width: 767px) {
    .card-image-scale .card-image {
        width:26rem;
        height: 39.2rem
    }
}

.card-image-scale .bottom .text-container {
    position: relative;
    margin-bottom: 2rem
}

@media(max-width: 1440px) {
    .card-image-scale .bottom .text-container {
        margin-bottom:1.4rem
    }
}

@media(max-width: 1279px) {
    .card-image-scale .bottom .text-container {
        margin-bottom:1.6rem
    }
}

@media(max-width: 767px) {
    .card-image-scale .bottom .text-container {
        margin-bottom:1.7rem
    }
}

.card-image-scale .bottom .text-container p {
    position: absolute;
    bottom: 0;
    font-family: "Bukra Bold";
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #fff;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    max-width: 26.5rem
}

@media(max-width: 1440px) {
    .card-image-scale .bottom .text-container p {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media(max-width: 1279px) {
    .card-image-scale .bottom .text-container p {
        font-size:1.7rem;
        line-height: 2.2rem
    }
}

@media(max-width: 767px) {
    .card-image-scale .bottom .text-container p {
        font-size:1.4rem;
        line-height: 2rem
    }
}

.card-image-scale .bottom .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.card-image-scale .bottom .button-container a {
    font-family: "Bukra Bold";
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: .07rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

@media(max-width: 1440px) {
    .card-image-scale .bottom .button-container a {
        font-size:1.1rem;
        line-height: 1.5rem
    }
}

.card-image-scale .bottom .button-container a:hover span {
    background-color: #fff
}

.card-image-scale .bottom .button-container a:hover span svg path {
    stroke: #7f4309;
}

.rtl .card-image-scale .bottom .button-container a {
    letter-spacing: unset !important
}

.card-image-scale .bottom .button-container a span {
    width: 6.2rem;
    height: 6.2rem;
    border: .2rem solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

@media(max-width: 1440px) {
    .card-image-scale .bottom .button-container a span {
        width:5.5rem;
        height: 5.5rem
    }
}

@media(max-width: 1279px) {
    .card-image-scale .bottom .button-container a span {
        width:5rem;
        height: 5rem
    }
}

.ltr .card-image-scale .bottom .button-container a span {
    margin-left: 2rem
}

@media(max-width: 1279px) {
    .ltr .card-image-scale .bottom .button-container a span {
        margin-left:1.5rem
    }
}

.rtl .card-image-scale .bottom .button-container a span {
    margin-right: 2rem
}

@media(max-width: 1279px) {
    .rtl .card-image-scale .bottom .button-container a span {
        margin-right:1.5rem
    }
}

.card-image-scale .bottom .button-container a span svg path {
    stroke: #fff;
    -webkit-transition: stroke .3s ease-in;
    transition: stroke .3s ease-in
}

.rtl .card-image-scale .bottom .button-container a span svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card-image-scale.progress-card {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #1f396c), color-stop(60%, transparent));
    background: linear-gradient(to top, #1f396c 30%, transparent 60%)
}

@media(max-width: 1279px) {
    .card-image-scale.progress-card {
        width:27.8rem;
        height: 41.7rem
    }
}

@media(max-width: 767px) {
    .card-image-scale.progress-card {
        width:26rem;
        height: 39.2rem
    }
}

.card-image-scale.progress-card:nth-child(2n) {
    margin-top: 6rem !important
}

.card-image-scale.progress-card .button-container a:hover span {
    background-color: #7f4309;
}

.card-image-scale.progress-card .button-container a:hover span svg path {
    stroke: #1f396c
}

.card-image-scale.progress-card .button-container a {
    color: #7f4309;
}

.card-image-scale.progress-card .button-container a span {
    border-color: #7f4309;
}

.card-image-scale.progress-card .button-container a span svg path {
    stroke: #7f4309;
}
.flip-card .card-front .front-content p {
    word-break: break-word;
    /* font-family: "Bukra Bold"; */
    font-size: 2rem;
    line-height: 3rem;
    color: #9f5809;
    text-align: start;
    padding-left: 40px;
}
.animated-link span small {
    margin-top: 0px;
    margin-right: 0px;
    position: absolute;
    width: 5rem;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0.2rem solid #fff;
    border-radius: 999px;
    -webkit-transition: background-color .3s ease-out,width .3s ease-out;
    transition: background-color .3s ease-out,width .3s ease-out;
    z-index: -1;
}
.animated-link span small i svg path {
    stroke: #fff;}
    
    
    .flip-card .card-front .front-content p {
    word-break: break-word;
    /* font-family: "Bukra Bold"; */
    font-size: 2rem;
    line-height: 3rem;
    color: #fffdfb;
    text-align: start;
    padding-left: 0px;
}
.animated-link:hover small {
    width: 85% !important;
    background-color: #7f4309;
    margin-top: 45px;
    margin-right: 35px;
}
.flip-card .card-back .card-back-content .link-container .animated-link:hover strong {
    color: #fff;
    margin-top: 45px;
}
button.btn.btn-warning {
    border-radius: 28px;
    background: transparent;
    padding: 10px;
    border: 1px solid #fff;
    margin-left: -39px;
}
button.btn.btn-warning {
    text-transform: capitalize;
    border-radius: 28px;
    background: transparent;
    padding: 10px;
    border: 1px solid #fff;
    margin-left: -39px;
    box-shadow: none;
}
button.btn.btn-warning:hover {
        background: #623904;}
        
        @media(max-width: 767px) {
    .flip-card {
        width:100%!important;
        height: 39.2rem
    }
    .flip-card {
    max-width: 100% !important;}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3a713e5c */h5 {
    font-family: 'Raleway';
    font-weight: 800;
}/* End custom CSS */