:root {
    
    --base-color: 210; 

    --white: hsla(var(--base-color),0%, 100%, 1);
    --black: hsla(var(--base-color),0%, 0%, 1);

    --theme-white: hsla(var(--base-color),100%, 99%, 1);
    --theme-black: hsla(var(--base-color),2%, 30%, 1);
    --light-color: hsla(var(--base-color), 1%, 42%, 1);
    --theme-color:hsla(var(--base-color), 100%, 50%, 1);

    --dark-theme-bg:hsla(var(--base-color), 88%, 16%, 1);
    --light-theme-bg:hsla(var(--base-color), 100%, 97%, 1);
    --grey-theme-bg:hsla(var(--base-color), 38%, 91%, 1);
    

    --regular-font: BalooTamma2-Regular;
    --medium-font: BalooTamma2-Medium;
    --semibold-font: BalooTamma2-SemiBold;
    --bold-font:  BalooTamma2-Bold;
    --extrabold-font:  BalooTamma2-ExtraBold;

    --rubik-regular-font: Rubik-Regular;
    --rubik-medium-font: Rubik-Medium;
    --rubik-semibold-font: Rubik-Semibold;
    --rubik-bold-font:  Rubik-Bold;
    --rubik-extrabold-font:  Rubik-ExtraBold;
}

@font-face { font-family: BalooTamma2-Regular; src: url('../fonts/BalooTamma2-Regular.woff2'); font-display: swap; } 
@font-face { font-family: BalooTamma2-Medium; src: url('../fonts/BalooTamma2-Medium.woff2');font-display: swap;  } 
@font-face { font-family: BalooTamma2-SemiBold; src: url('../fonts/BalooTamma2-SemiBold.woff2'); font-display: swap; } 
@font-face { font-family: BalooTamma2-Bold; src: url('../fonts/BalooTamma2-Bold.woff2'); font-display: swap; }
@font-face { font-family: BalooTamma2-ExtraBold; src: url('../fonts/BalooTamma2-ExtraBold.woff2'); font-display: swap; }

@font-face { font-family: Rubik-Regular; src: url('../fonts/Rubik-Regular.woff2'); font-display: swap; }
@font-face { font-family: Rubik-Medium; src: url('../fonts/Rubik-Medium.woff2'); font-display: swap; }
@font-face { font-family: Rubik-Semibold; src: url('../fonts/Rubik-SemiBold.woff2'); font-display: swap; }
@font-face { font-family: Rubik-Bold; src: url('../fonts/Rubik-Bold.woff2'); font-display: swap; }
@font-face { font-family: Rubik-ExtraBold; src: url('../fonts/Rubik-ExtraBold.woff2'); font-display: swap; }

html {
    position: relative;
    height: 100%;
    scroll-behavior: smooth;
}



body{
    font-family: var(--regular-font);
    width: 100%;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    background-color: var(--white);
    color: var(--theme-black);
}

html[lang="ar"] body,
html[lang="ru"] body,
html[lang="uk"] body{
    font-family: var(--rubik-regular-font);
}

.nopadding{
    padding: 0px !important;
}
.sec-pad{
    padding: 110px 0px; 
}
.sec-pad-small{
    padding: 80px 0px; 
}
a, a:hover{
    color: inherit;
    text-decoration: none;
}
p{
    font-size: 18px;
    line-height: 26px;
    color: black;
}
.white-text, .white-text p{
    color: var(--theme-white)!important;
}
.theme-color{
    color: var(--theme-color)!important;
}
.light-theme-bg{
    background-color: var(--light-theme-bg)!important;
}
.theme-bg{
    background-color: var(--theme-color)!important;
}

.extrabold-font{
    font-family: var(--extrabold-font)!important;
}
.bold-font{
    font-family: var(--bold-font)!important;
}
.semibold-font{
    font-family: var(--semibold-font)!important;
}
.medium-font{
    font-family: var(--medium-font)!important;
}

/* Language-specific overrides */
html[lang="ar"] .extrabold-font,
html[lang="ru"] .extrabold-font,
html[lang="uk"] .extrabold-font {
    font-family: var(--rubik-extrabold-font)!important;
}

html[lang="ar"] .bold-font,
html[lang="ru"] .bold-font,
html[lang="uk"] .bold-font {
    font-family: var(--rubik-bold-font)!important;
}

html[lang="ar"] .semibold-font,
html[lang="ru"] .semibold-font,
html[lang="uk"] .semibold-font {
    font-family: var(--rubik-semibold-font)!important;
}

html[lang="ar"] .medium-font,
html[lang="ru"] .medium-font,
html[lang="uk"] .medium-font {
    font-family: var(--rubik-medium-font)!important;
}

.dark-color{
    color: var(--theme-black)!important;
}
.light-color{
    color: var(--light-color)!important;
}

/*header*/
.header{
    height: 110px;
    width: 100%;
    background-color: #fff;
    padding: 0px 80px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}
.sticky-bar{
    height: 110px;
    position: sticky;
    padding: 0px 80px 0px;
    background-color:#fff;
    box-shadow: 0px 0px 8px #41414129;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar{
    padding: 0px;
}
.navbar-light .navbar-brand {
    align-items: center;
    display: flex;
    padding: 0px;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--light-color);
    font-size: 18px;
    line-height: 26px;
    padding: 45px 10px;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item.active .nav-link , .navbar-light .navbar-nav .nav-item .nav-link.active , .navbar-light .navbar-nav .nav-link:focus {
    color: var(--theme-color);
}
@media (min-width: 991px){
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
    .nav-link-btn{
        padding: 10px 30px 6px!important;
        color: #F8FDFF!important;
        margin-left: 35px;
    }
}
.navbar-toggler:focus{
    box-shadow: none;
    outline: 0;
}
.navbar-light .navbar-toggler {
    color: var(--theme-black);
    border: none;
}
.navbar-toggler svg{
    color: var(--theme-black);
}
#navbar-hamburger.show{
    display: block;
}
#navbar-hamburger, #navbar-close{
    display: none;
}
#navbar-close.show{
    display: block;
}
.dropdown-toggle{
    display: flex;
    align-items: center;
}
.dropdown-toggle::after{
    content: "\f107";
    border: none;
    margin-left: 0.5em;
    font: normal normal normal 18px/1 FontAwesome;
}
.dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    padding: 6px 15px;
    clear: both;
    font-weight: 400;
    color: var(--light-color)!important;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.drop-flag-icon{
    display: inline-block;
    height: 27px;
    width: 27px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.dropdown-menu {
    background-color: var(--white);
    min-width: 13rem;
    box-shadow: 0px 3px 15px #00000029;
    border: none;
    border-radius: 10px;
    /*padding: 0px;*/
    overflow: hidden;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--theme-color);
    color: var(--theme-white)!important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--theme-color)!important;
    color: var(--theme-white)!important;
}
@media all and (min-width: 1200px) {
    .navbar .dropdown-menu.fade-up{ top:180%; transition: all ease .3s; display:block; opacity: 0; visibility: hidden; }
    .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
}
.mega-menu{
    width: 100%;
    max-width: 1300px;
    left: 0px;
    right: 0px;
    padding: 40px;
    margin: auto;
}
.position-initial{
    position: initial!important;
}
.menu-link-box{
    padding: 20px 15px;
    border-radius: 10px;
    background-color: transparent;
    transition: all ease .5s;
}
.mega-menu .small-title{
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 12px;
}
.menu-link-box:hover{
    background-color: var(--light-theme-bg);
}
.menu-link-box p:last-child{
    margin-bottom: 0px;
}
.menu-box-padding{
    padding: 0px;
}
.menu-box-story-img{
    width: 100%;
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .5s;
    margin-bottom: 20px;
}
.menu-quote-box{
    background-color: var(--light-theme-bg);
    border-radius: 10px;
    padding: 20px 30px;
}
.menu-profile{
    height: 65px;
    width: 65px;
    min-width: 65px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}
.menu-link-title-flex{
    display: flex;
    align-items: center;
}
.menu-link-title-icon{
    display: inline-block;
    color: var(--theme-color);
    margin-right: 10px;
    margin-top: -3px;
}
.menu-link-title-icon svg{
    height: 20px;
    width: auto;
}
.language-menu{
    height: 600px;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}
.language-menu::-webkit-scrollbar {
  width: 5px;
}
.language-menu::-webkit-scrollbar-track {
  background: #fff;
}
.language-menu::-webkit-scrollbar-thumb {
  background: #ccc;
}

/*content */

.hero-sec{
    padding-top: 30px!important;
}
html[lang="ar"] .hero-title,
html[lang="ru"] .hero-title,
html[lang="uk"] .hero-title{
    font-family: var(--rubik-bold-font);
}
.hero-title{
    font-size: 60px;
    line-height: 70px;
    font-family: var(--bold-font);
    margin-bottom: 15px;
}
.hero-sec p.dark-color{
    color: var(--dark-theme-bg)!important;
}
.hero-img2{
    margin-top: -8px;
}
html[lang="ar"] .title,
html[lang="ru"] .title,
html[lang="uk"] .title{
    font-family: var(--rubik-bold-font);
}
.title{
    font-size: 48px;
    line-height: 62px;
    font-family: var(--bold-font);
    margin-bottom: 25px;
}
html[lang="ar"] .theme-btn,
html[lang="ru"] .theme-btn,
html[lang="uk"] .theme-btn{
    font-family: var(--rubik-medium-font);
}
.theme-btn{
    background-color: var(--theme-color);
    box-shadow: 0px 3px 20px #00000003;
    color: var(--theme-white)!important;
    font-size: 18px;
    padding: 10px 30px 6px;
    border-radius: 50px;
    min-width: 150px;
    font-family: var(--medium-font);
    transition: all ease .5s;
}
.min-width-0{
    min-width: initial;
}
.theme-btn:focus, .theme-btn:hover {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.light-btn{
    background-color: var(--grey-theme-bg);
    color: var(--theme-color)!important;
}
.white-btn{
    background-color: var(--theme-white);
    color: var(--theme-color)!important;
}
.light-btn:focus, .light-btn:hover, .white-btn:focus, .white-btn:hover {
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.15);
}
.light-btn.dark-color{
    color: var(--theme-black)!important;
}
.text-btn{
    background-color: transparent;
    color: var(--theme-color)!important;
    box-shadow: none!important;
}
.text-btn:hover{
    background-color: transparent;
    color: var(--theme-color)!important;
}
.text-btn .text-btn-icon{
    display: inline-block;
    transition: all ease .5s;
}
.text-btn:hover .text-btn-icon{
    transform: translateX(5px);
}
.hero-lang-select-box{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.lang-select-div {
    display: inline-flex;
}
.lang-select-img {
    height: 60px;
    min-width: 60px;
    width: 60px;
    border-radius: 50%;
    border: 2px solid var(--theme-color);
    margin-left: -30px;
    background-color: var(--theme-color);
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.lang-select-div .lang-select-img:first-child {
    margin-left: 0px;
}
.img-rounded{
    border-radius: 15px;
}
html[lang="ar"] .small-title,
html[lang="ru"] .small-title,
html[lang="uk"] .small-title{
    font-family: var(--rubik-medium-font);
}
.small-title{
    font-size: 22px;
    line-height: 26px;
    font-family: var(--medium-font);
    margin-bottom: 16px;
}
.text-box-div{
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0px 25px;
}
.text-box-icon-div{
    height: 60px;
    margin-bottom: 40px;
    color: var(--theme-color);
}
.text-box-icon-margin{
    margin-bottom: 40px;
    color: var(--theme-color);
}
.flag-div-section{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.flag-div{
    width: 12.5%;
    margin-top: 40px;
}
.flag-img{
    margin-bottom: 20px;
    border-radius: 5px;
    width: 50px;
    height: 40px;
}
html[lang="ar"] .flag-div p,
html[lang="ru"] .flag-div p,
html[lang="uk"] .flag-div p{
    font-family: var(--rubik-medium-font);
}
.flag-div p{
    color: var(--theme-black);
    font-family: var(--medium-font);
    margin-bottom: 0px;
}
.step-box{
    position: relative;
    margin-top: 40px;
}
.step-box::after{
    content: '';
    width: 100%;
    height: 5px;
    background-color: var(--theme-color);
    display: inline-block;
    position: absolute;
    top: 27px;
    left: 50%;
}
.step-box.last-step-box::after{
    display: none;
}
.step-box-icon-div{
    display: inline-block;
    position: relative;
    z-index: 9;
    margin-bottom: 50px;
}
.step-box-icon{
    height: 55px;
    width: 55px;
    min-width: 55px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 2px solid var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color);
}
.step-number{
    height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-white);
    font-family: var(--medium-font);
    position: absolute;
    top: -8px;
    left: -18px;
    font-size: 18px;
}
.testimonial-box-margin{
    margin-bottom: 20px;
}
.testimonial-box{
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 25px 30px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonial-box-title{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.testimonial-box-title .small-title{
    margin-bottom: 10px;
}
.star-li{
    margin-bottom: 10px;
}
.star-li span{
    color: #FFDF41;
}
.testimonial-box-profile{
    margin-top: 25px;
}
.review-icon{
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-icon img{
    max-height: 75px;
    width: auto;
}

.update-box{
    cursor: pointer;
    margin-top: 30px;
}
.update-box-img-div-home{
    width: 100%;
    height: 270px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: -70px;
}
.update-box-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .5s;
}
.update-box-img-div-home:hover .update-box-img{
    transform: scale(1.07);
}
html[lang="ar"] .mini-title,
html[lang="ru"] .mini-title,
html[lang="uk"] .mini-title{
    font-family: var(--rubik-medium-font);
}
.mini-title{
    font-size: 25px;
    line-height: 31px;
    font-family: var(--medium-font);
    margin-bottom: 16px;
}
.text-muted{
    color: #A8ABAE!important;
}
.faq-box-div{
    padding: 40px 60px;
    background-color: var(--light-theme-bg);
}
.theme-accordion .accordion-item {
    background-color: transparent;
    border-color: #DEDEDE;
    position: relative;
    padding: 10px 30px 5px;
}
.theme-accordion .accordion-button{
    position: initial;
    border: none;
    color: var(--theme-black);
    background-color: transparent!important;
    display: flex;
    box-shadow: none!important;
    outline: 0!important;
    padding-left: 0px;
    padding-right: 0px;
}
.theme-accordion .accordion-icon {
    color: var(--theme-color);
    margin-right: 15px;
    position: absolute;
    left: 0px;
    top: 24px;
}
.theme-accordion .accordion-button::after {
    content: "\f107";
    font: normal normal normal 22px/1 FontAwesome;
    color: var(--theme-black);
    width: auto;
    height: auto;
    background-image: none!important;
    background-size: initial;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}
.product-box-margin{
    margin-top: 35px;
}
.product-box{
    background-color: #0081ff;
    border-radius: 20px;
    padding: 50px 25px;
    text-align: center;
    height: 100%;
    color: white !important;
}
.product-box p{
    color: white !important;
}
.speaktor-bg{
    background-color: #b5009c;
}
.eskritor-bg{
    background-color: #ff9000;
}
.product-box .theme-btn{
    box-shadow: none!important;
    background-color: var(--theme-white);
    color: var(--theme-color) !important;
}
.speaktor-bg .theme-btn{
    color: #b5009c !important;
}
.eskritor-bg  .theme-btn{
    color: #ff9000 !important;
}
.product-box img{
    height: 200px;
    width: auto;
    margin-bottom: 10px;

}

.scale-effect{
    transition: all ease .5s;
}
.scale-effect:hover{
    transform: scale(1.05);
}


/*footer*/

.footer{
    background-color: var(--dark-theme-bg);
}
.title-margin{
    margin-top: 40px;
}
.links-li p{
    display: flex;
    align-items: flex-start;
}
.links-li a{
    display: inline-flex;
    align-items: flex-start;
    transition: all ease .5s;
}
.links-li a:hover{
    transform: translateX(10px);
}
.footer-account-logo img{
    max-height: 48px;
    width: auto;
}
.socials a{
    display: inline-block;
    margin-right: 30px;
    transition: all ease .5s;
}
.socials a:last-child{
    margin-right: 0px;
}
.socials a:hover{
    transform: translateY(-5px);
}
.footer-hr{
    background-color: #707070;
    opacity: 1;
}
.footer-text{
    color: #F8FFFA;
}



/*inner pages*/

.hero-sec-height{
    height: calc(100vh - 127px);
    position: relative;
    display: flex;
    align-items: center;
}
.hero-absolute-img{
    position: absolute;
    left: -55px;
    bottom: 0px;
    margin: auto;
    max-height: calc(100vh - 127px);
    max-width: 55%;
    width: auto;
    height: auto;
}
.list-p p, .list-p .p{
    display: flex;
    align-items: flex-start;
}
.list-p p span.arrow-icon, .list-p p span.arrow-icon{
    margin-right: 12px;
}
.card-100{
    height: 100%;
}
.pricing-card-margin{
    margin-top: 40px;
}
.pricing-card{
    width: 100%;
    max-width: 500px;
    margin: auto;
    background: var(--light-theme-bg);
    box-shadow: 0px 0px 16px #0000001A;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.pricing-active-card{
    background-color: var(--theme-color);
}
.pricing-card-padding{
    padding: 35px 45px;
}
.pricing-card-header{
    background-color: var(--theme-color);
    padding: 28px 30px 18px;
}
html[lang="ar"] .pricing-card-price,
html[lang="ru"] .pricing-card-price,
html[lang="uk"] .pricing-card-price{
    font-family: var(--rubik-semibold-font);
}
.pricing-card-price{
    font-size: 35px;
    line-height: 45px;
    font-family: var(--semibold-font);
    color: var(--theme-white);
    margin-bottom: 0px;
}
.pricing-card .package-input{
    width: 100%;
    max-width: 250px;
    margin: auto;
}
.form-control{
    background-color: transparent!important;
    border: 1px solid #E6E6E6;
    border-radius: 30px;
    color: var(--light-color);
    padding: 10px 20px 8px;
    box-shadow: none!important;
}
.counter-input {
    width: 100%;
    margin: auto;
    max-width: 180px;
    position: relative;
}
.counter-input .form-control {
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
}
.count {
    font-size: 20px;
    font-family: var(--regular-font);
    min-width: 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}

html[lang="ar"] .count,
html[lang="ru"] .count,
html[lang="uk"] .count{
    font-family: var(--rubik-regular-font);
}

.count.c-minus {
    left: 0px;
}
.count.c-plus {
    right: 0px;
}
html[lang="ar"] .best-tag,
html[lang="ru"] .best-tag,
html[lang="uk"] .best-tag{
    font-family: var(--rubik-semibold-font);
}
.best-tag{
    position: absolute;
    background-color: #F3B012;
    border-radius: 8px 0px 0px 8px;
    font-family: var(--semibold-font);
    color: var(--theme-white);
    padding: 6px 6px 2px 12px;
    top: 15px;
    right: 0px;
    text-transform: uppercase;
}
.active-balls{
    position: absolute;
    border-radius: 50%;
    background: transparent linear-gradient(180deg, #FFFFFF21 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}
.ball1{
    height: 81px;
    width: 81px;
    left: 15px;
    top: 20px;
}
.ball2{
    height: 170px;
    width: 170px;
    right: 5px;
    top: 110px;
    opacity: .3;
}
.ball3{
    height: 155px;
    width: 155px;
    left: 80px;
    bottom: 20px;
    opacity: .4;
}
.relative-9{
    position: relative;
    z-index: 9;
}
.theme-tabs{
    background-color: var(--light-theme-bg);
    border-radius: 50px;
    padding: 8px 5px;
    display: inline-flex;
}
.nav-pills .btn.light-btn{
    margin: 0px 3px;
    color: var(--light-color)!important;
    box-shadow: none!important;
}
.nav-pills .btn.light-btn.active{
    background-color: var(--theme-color);
    color: var(--theme-white)!important;
}
.marketing-social-img{
    margin-top: -50px;
}
.sec-bg{
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.inner-hero-sec{
    width: 100%;
    padding: 40px 0px;
    min-height: 475px;
    height: auto;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}
.inner-hero-sec::before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 65%;
    height: 100%;
    background-color: var(--theme-color);
    opacity: .8;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.inner-blue-sec{
    width: auto;
    padding: 40px 0px;
    min-height: 475px;
    height: auto;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}
.inner-blue-sec::before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 65%;
    height: 100%;
}

.inner-blue-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit; /* Inherit the image from the <img> tag */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure it's behind the content */
  }

.lazyload-background {
    display: block; /* or inline-block */
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    position: absolute; /* Position it out of flow */
  }
  
  .inner-hero-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit; /* Inherit the image from the <img> tag */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure it's behind the content */
  }
  .parent-background{
    position: relative;
  }
  .parent-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit; /* Inherit the image from the <img> tag */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure it's behind the content */
  }
.rounded-border-box-margin{
    margin-top: 30px;
}
.rounded-border-box{
    width: 100%;
    height: auto;
    border: 2px solid var(--theme-color);
    border: 2px solid #007AFF;
    border-radius: 26px;
    padding: 40px 18px 20px;
    height: 100%;
}
.rounded-border-box span{
    display: block;
}
.rounded-border-box p{
    margin-bottom: 0px;
}
.blog-box{
    display: block;
    cursor: pointer;
    margin-bottom: 40px;
}
.blog-box-img-div{
    width: 100%;
    height: 270px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: -40px;
}
.blog-box-img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease .5s;
}
.blog-box-img-div:hover .blog-box-img{
    transform: scale(1.07);
}
.blog-category-box{
    background-color: var(--light-theme-bg);
    border-radius: 10px;
    padding: 30px 25px 5px;
}
.blog-category-list{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 0px 15px;
}
.blog-category-box .blog-category-list:last-child{
    border-bottom: none;
}
.blog-category-list p{
    margin-bottom: 0px;
}
.input-icon-div{
    position: relative;
}
.input-icon-div .form-control{
    padding-left: 45px!important;
}
.input-icon{
    position: absolute;
    top: 11px;
    left: 18px;
    color: var(--light-color);
}
.pagination .page-link{
    height: 31px;
    width: 31px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFEFEF;
    color: var(--theme-black);
    font-family: var(--semibold-font);
    border: none;
    margin: 0px 8px;
    box-shadow: none!important;
    outline: 0!important;
}
.pagination .page-item.active .page-link{
    background-color: var(--theme-color);
    color: var(--white);
}
.blog-table-list p{
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-table-list p::before{
    content: '';
    height: 10px;
    width: 10px;
    min-width: 10px;
    border-radius: 50%;
    background-color: transparent;
    margin-right: 10px;
    display: inline-block;
}
html[lang="ar"] .blog-table-list p.active,
html[lang="ru"] .blog-table-list p.active,
html[lang="uk"] .blog-table-list p.active{
    font-family: var(--rubik-bold-font);
}
.blog-table-list p.active{
    font-family: var(--bold-font);
    color: var(--theme-black);
}
.blog-table-list p.active::before{
    background-color: var(--theme-color);
}
html[lang="ar"] .medium-title,
html[lang="ru"] .medium-title,
html[lang="uk"] .medium-title{
    font-family: var(--rubik-medium-font);
}
.medium-title{
    font-size: 30px;
    line-height: 35px;
    font-family: var(--medium-font);
    margin-bottom: 16px;
}

.blog-single-img{
    margin-bottom: 20px;
}

.blog-single-img img{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.elementor-widget-video{
    height: 360px !important;
}

.review-logo{
    max-height: 75px;
}

.side-sticky-div{
    position: sticky;
    top: 110px;
}
.pricing-tab-relative{
    position: relative;
    display: inline-flex;
    align-items: center;
}
html[lang="ar"] .discount-div,
html[lang="ru"] .discount-div,
html[lang="uk"] .discount-div{
    font-family: var(--rubik-medium-font);
}
.discount-div{
    display: inline-block;
    position: absolute;
    color:  var(--theme-color);
    font-family: var(--medium-font);
    left: calc(100% + 35px); 
    white-space: nowrap;
    bottom: auto;
    top: auto;
    margin: auto;
    z-index: -1;
}
.discount-arrow{
    position: absolute;
    right: 70%;
    bottom: 105%;
}

.page-link{
    cursor: pointer;
}

@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.skeleton-text {
    /* ... existing styles ... */
    background-color: #eee;
    margin-bottom: .5em;
    border-radius: 4px;
    background-image: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 1000px 104px;
    animation: shimmer 1.5s infinite linear forwards;
    min-width: 50px;
}

img{
    max-width: 100%;
}

p.break-word{
    word-break: break-word;
}

.compare-container svg{
    height: 20px;
    width: auto;
}
.compare-container a{
    font-size: small;
}
.compare-container img{
    height: 100px;
    border-radius: 50px;
    width: 120px;
}
.compare-container h2{
    text-align: center;
}
.compare-container .container-spacer{
    height: 60px;
}
.compare-container li{
    list-style: none;
    
}
.compare-container .card{
    background-color: var(--light-theme-bg); /* Background color of the card */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    border: none; /* Remove the border */
    margin: 5px; /* Add margin around the card */
    padding: 5px; /* Add padding inside the card */
}

.carousel{
    height: 200px;
    background-color: var(--light-theme-bg);
    margin: auto;
}

.elementor-testimonial__content{
    border-top: #707070;
}

figcaption{
    font-weight: normal;
}
.review-carousel{
    height: auto;
}
body {
    direction: ltr; /* default direction */
}
body.rtl {
    direction: rtl; /* RTL direction */
}

.date-part1, .date-part2 {
    display: inline;
}
.rtl .language-menu{
    right: -120px
}

.break-word{
    overflow-wrap: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

html[lang="ja"] .dropdown-menu {
    font-family: system-ui;
}

.elementor-video-iframe{
    height: 360px;
    width: 100%;
}
.consent-div{
    background-color: var(--theme-white) !important;
    color: #000 !important;
    width: 90% !important;
    left: 5% !important;
    align-items: center !important;
    justify-content: center !important;
}
.consent-div > :first-child{
    flex: 1 0 0 !important;
}
.consent-btn{
    color: var(--white)!important;
    padding: 9px 25px !important;
    background-color: var(--theme-color) !important;
    border: 1px solid var(--theme-color) !important;
    box-shadow: 0px 3px 6px #00000008!important;
    border-radius: 12px !important;
    outline: 0!important;
    transition: all ease .5s !important;
}
.footer-logo{
    width: 300px;
}
.socials > :first-child img{
    height: 32px !important;
    width: 28px !important;
    margin-bottom: 5px;
 }
 .navbar-nav .btn{
    padding: 10px 15px; /* Adjust as needed */
    font-size: 16px; /* Adjust as needed */
    line-height: 1.2; /* Adjust as needed */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: inline-block; /* To allow the button to grow with text */
 }
 .video-container {
    position: relative;
    padding-bottom: 56.25%; /* Aspect ratio */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



lite-vimeo {
    aspect-ratio: 16 / 9;
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

lite-vimeo > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

lite-vimeo > .ltv-playbtn {
    font-size: 10px;
    padding: 0;
    width: 6.5em;
    height: 4em;
    background: rgba(23, 35, 34, .75);
    z-index: 1;
    opacity: .8;
    border-radius: .5em;
    transition: opacity .2s ease-out, background .2s ease-out;
    outline: 0;
    border: 0;
    cursor: pointer;
}

lite-vimeo:hover > .ltv-playbtn {
    background-color: rgb(0, 173, 239);
    opacity: 1;
}

/* play button triangle */
lite-vimeo > .ltv-playbtn::before {
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
}

lite-vimeo > .ltv-playbtn,
lite-vimeo > .ltv-playbtn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

/* Post-click styles */
lite-vimeo.ltv-activated {
    cursor: unset;
}

lite-vimeo.ltv-activated::before,
lite-vimeo.ltv-activated > .ltv-playbtn {
    opacity: 0;
    pointer-events: none;
}

.navbar .logo{
    max-width: 250px;
}
@media screen and (max-width: 768px){
    .navbar .logo{
        max-width: 200px;
    }
}

.product-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* This line is for horizontal centering, and also helps with vertical centering if the flex-direction is column */
    text-align: center; /* This ensures the text inside each child is also centered */
}
.product-box button {
    margin-left: 0px;
}

html[lang="ar"] .lang-select-div .lang-select-img,
html[lang="he"] .lang-select-div .lang-select-img {
    margin-left: -30px;
}

html[lang="ar"] .socials a:last-child, html[lang="he"] .socials a:last-child{
    margin-right: 30px;
}

.footer-account-logo{
    display: flex; flex-direction: column; align-items: left;
}

.btn-login{
    background: none; /* Removes any background */
    background-color: transparent; 
    border: none;
}

.download-text-small{
    display: none;
}

.mobile-thumbnail {
    display: none;
}