/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.2.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: GreatVibes-Regular;
  src: url(./font/GreatVibes-Regular.ttf);
  font-weight: 500;
}
.a-text {
    font-size: 1.5em;
    font-weight: 800;
    text-align: left;
    margin-left: 2em;
    display: block;
}
.b-text {
    font-size: 2.25em;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    margin-left: 1.25em;
    display: block;
}
.c-text {
    color:  var(--fs-color-primary);
    position: absolute;
    right: 1em;
    top: -14px;
    width: auto;
    font-size: 4em;
}
.bg-white{
    background: #fff;
    padding: 1em
}
#ft-contact-icons-out-m.aio-has-border:not(.ft-pn-s0) {
  background: none;
  box-shadow: none;
  border: 0px;
}
.top-right {
    top: -5em;
    right:-7em
}
.bottom-left {
    bottom:-5em;
    left:-8em
}
.box-galery{
    padding: .75em 1em
}
.absolute-footer.dark{
    background-color: rgba(212, 176, 165, 0.15);
    color:#111
}
.gallery-col.col {
    padding-bottom: 0px
}
.ladi-headline{
    color: #fff;
    background: url('./img/title-rain.png');
    background-size: contain;
    background-repeat: no-repeat;
    /* padding-bottom: 1em; */
    height: 52px;
    line-height: 52px;
    font-size: 1.3em;
}
.social-icons i{
    color: var(--fs-color-primary); 
}
.title{
    font-size: 3.5em;
    font-family: GreatVibes-Regular, sans-serif !important;
    margin-bottom: 0px;
}
.footer-social i{
    font-size: 1.25em;
    margin-right: .5em
}
.box-shadown .col-inner{
    background: #fff;
    padding: 2em;
    border-radius: 1em;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.left-0 {
    top: -70px;
    left: -100px;
}
.sub-title{
    font-size: 1.25em;
     color: var(--fs-color-primary);
    margin-bottom: .5em
}
.heqad-text{
    font-size: 1.15em
}
.heqad-text span{
    color: var(--fs-color-primary);
    font-weight: 600;
    font-size: 1.25em
}
.main-text{
    font-weight:600;
    font-size: 1.75em;
    line-height: 1.75em;
}
.main-text span{
    font-size: 1.75em;
    font-family: GreatVibes-Regular, sans-serif !important;
    color: var(--fs-color-primary);
    font-weight: 500;
}
.row-transation{
    background: #fff;
    border: 1px solid rgb(255, 192, 218);
    border-radius: 1.5em;
    padding: 1em;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.first-col h3{
    font-size: 1.75em;
    font-weight: 600;
    color:  var(--fs-color-primary);
}
.box-pink{
    background: rgb(255, 192, 218);;
    border-radius: 1em;
    padding: .75em;
    font-weight: 600;
    font-size: .9em
}
h3.percent-animation{
    /* font-size: 2.25em; */
    margin-bottom: 0px;
}
@keyframes pulse{
    0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
.bottom-0{
    bottom: -150px;
    z-index: -1;
}
.time-down{
    background: rgb(255, 192, 218);
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    width: 80%;
    margin-bottom:1em;
    height: 2.5em;
    line-height: 2.5em;
    font-weight: 600;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #fff;
    border-top: 0px
}

.pulse-trans-2{
        animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 18s;
    animation-iteration-count: infinite;
}
.pulse-trans{
        animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: .5em;
}
.col-img-box {
    background: rgb(245, 187, 217);
    padding: 0px 4em 0em 4em;
    position: relative;
    /* height: 100%; */
    margin-bottom: 4em;
}
.col-img-box .col-inner {
    position: relative
}
.col-img-box .img-1{
    position:absolute;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 15px 20px 0px;
    z-index:9;
    top: 4em;
    margin-bottom: 0px !important;
}
.col-img-box .img-1 img{
    border: 2px solid #fff
}
.right-0{
    right: -100px;
    top: 150px
}
.price-text{
    border-top: 2px solid rgb(255, 192, 218);
    border-bottom: 2px solid rgb(255, 192, 218);
    display:inline-block
}
.check-list{
    list-style: none
}
ul.check-list li{
    position:relative;
    padding-left: 1.5em
}
ul.check-list li:before {
    width: 14px;
    height: 14px;
    top: 5px;
    background-image: url("./img/check.png");
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
}
.step-wrap .step-block{
    width: 20% !important;
    text-align:center
}
.number-wrap{
    background: #fff;
    width: 6em;
    height: 6em;
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content:center;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 10px 0px;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--fs-color-primary);
    margin-bottom: 1.5em;
    z-index: 1;
    position: relative;
}
.number-wrap span {
    font-size: 2.5em;
    margin-left: .25em;
    font-family: Georgia, Times, "Times New Roman", serif;
    line-height: 0em;
    margin-top: -.25em;
}
.step-bg{
    top: 1.5em
}
.special-title{
    font-weight: 600;
    font-size: 1.25em;
    /* font-family: Georgia, Times, "Times New Roman", serif; */
    color: var(--fs-color-primary);
}
.special-title span{
     font-size: 2em;
}
.contact-wrap{
    padding: 2em !important;
}
.contact-wrap .col-inner {
    background: #fff;
    padding: 2em;
    border: 1px solid;
    border-color: #ff9c2e;
    border-radius: 1.5em
}
.contact-wrap .title{
    font-size: 2em;
    margin-bottom: .5em
}
.btn-contact{
    margin: 0 auto !important;
    display: flex !important;
    justify-content:center
}
.contact-wrap h2{
    margin-bottom: 0em
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: rgb(247, 239, 238);
    border-radius: 5px
}
.lightbox-content{
    background:transparent;
    box-shadow: unset;
    padding: 0px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.main-text{
    font-size: 1.25em
}
    h3.percent-animation {
    font-size: 1.5em;
    margin-bottom: 0px;
}
    .ladi-headline{
        font-size: 1em;
        line-height: 32px;
    }
    .step-wrap .step-block{
        width: 45% !important;
    }
    .stack.step-wrap{
        flex-wrap:wrap;
        flex-direction: unset;
    }
    .contact-wrap {
    padding: 0em !important;
}
    .left-0 {
    top: -70px;
    left: -200px;
}
    .a-text {
    font-size: 1.25em;
    font-weight: 800;
    margin-left: 0em;
}
.b-text {
    font-size: 2em;
    margin-left: 0em;
}
.c-text {
    right: 0em;
    top: -10px;
    font-size: 3em !important;
}

}