/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: local('Poppins Light'), local('Poppins-Light'),
        url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
        url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
        url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Formula';
    src: url('../fonts/PPFormula-Medium.woff2') format('woff2'),
        url('../fonts/PPFormula-Medium.woff') format('woff'),
        url('../fonts/PPFormula-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Formula';
    src: url('../fonts/PPFormula-Extrabold.otf') format('otf'),
        url('../fonts/PPFormula-Extrabold.woff2') format('woff2'),
        url('../fonts/PPFormula-Extrabold.woff') format('woff'),
        url('../fonts/PPFormula-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root{  
    --body-font: 'Poppins';
    --heading-font: 'PP Formula';
    --body-color:#1F3D4D;
    --button-color: #C0F3D1;
    --white-color:#ffffff;
    --dark-color:#16232b;
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
blockquote {margin:60px 0; padding: 0 5px 0 40px; font-size:32px; color: var(--button-color); line-height: 48px; letter-spacing:0; border-right:4px solid var(--button-color);}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 0 0 15px;}
html, body{ border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; left: -15px; top: 8px; width: 6px; height:6px; background-color:var(--body-color); border-radius: 50%; content: ""; }

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size:22px; font-weight:400; color:var(--body-color); line-height:28px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden;text-align: start;}
*, *:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}
/* Create the Default Headers  */
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--heading-font); color: var(--body-color); font-weight:800;line-height:1; }
/* Specific Header Settings */
h1,.h1 {font-size:57px;}
h2,.h2 {font-size:70px;}
h3,.h3 {font-size:44px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size:28px;}
h6,.h6 {font-size:28px;}

/* Create the Default Paragraphs */
p {margin-bottom:28px;}
p:last-child {margin-bottom: 0;}
/* Other Typo */
strong {font-weight:700;}
hr {border:0 var(--body-color) solid; border-top-width: 2px; clear: both; height: 0;}
ol {list-style: decimal;}
/* 3. Images
------------------------------------------------------------------------------*/
/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none; height: auto;}
/* 4. Links
------------------------------------------------------------------------------*/   
/* Default Link Types */
a {color: var(--body-color); text-decoration:none;transition: 0.5s; display: inline-block;}

/* 5. Forms
------------------------------------------------------------------------------*/
#full_wrapper {overflow: hidden;}
.button, a.button, button, html input[type="button"], input[type="reset"],.book-demo__inner input[type="submit"] {margin:0;  padding:18px 47px;  border-radius:0; background-color: var(--button-color); border:0;display: inline-flex; align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:500;color: var(--body-color); font-size:0; line-height:1; outline: none;box-shadow:none;text-align: center;text-decoration: none;-webkit-transition: 0.4s all;transition: 0.4s all; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; transform: none; clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);}
.button:before, a.button:before, button:before  {content:attr(data-button); font-size: 20px; line-height: 1;} 
.button:after, a.button:after, button:after  {content: attr(data-button); font-size: 20px; line-height: 1; left: 0; right: 0; text-align: center; opacity: 0; position: absolute; top: 0; transform: translateY(170%); display: block;}

.button:hover:before, a.button:hover:before, button:hover:before {opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); transition: opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}
.button:hover:after, a.button:hover:after, button:hover:after {opacity: 1; transform: translateY(90%); transition: opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}









input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0;  padding:12px 20px 12px; font-family: var(--body-font); border-radius:10px; background-color:var(--body-color); border:1px solid var(--button-color); display: inline-block; vertical-align: middle; font-weight:400;color:var(--white-color); font-size:18px; line-height:28px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0;  width: 100%; text-align: start;}
select {padding:13px 20px 13px;}
.button.no-rotate:hover span img {transform: none;}

textarea {height:130px; resize: none;}

input::-webkit-input-placeholder {color:var(--white-color);opacity:1;}
input:-moz-placeholder {color:var(--white-color); opacity:1;}
input::-moz-placeholder {color: var(--white-color); opacity:1;}
input:-ms-input-placeholder {color:var(--white-color);opacity:1;}
textarea::-webkit-input-placeholder {color:var(--white-color); opacity:1;}
textarea:-moz-placeholder {color:var(--white-color); opacity:1;}
textarea::-moz-placeholder {color:var(--white-color); opacity:1;}
textarea:-ms-input-placeholder {color:var(--white-color);opacity:1;}
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/
/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width:1370px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 
.flex{ display:flex;}
.wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: start;}
.text-right{text-align: end;}
.font-light {font-weight: 300;}
.no-pbottom {padding-bottom: 0 !important;}

.anim-fadein {transition: 0.7s all;opacity: 0;transform: scale(0.8); will-change:transform;}
.anim-fadein.come-in {opacity: 1;transform: scale(1);}

.anim-scale {transition: 0.7s all;opacity: 0;transform: scale(0.2); will-change:transform;}
.anim-scale.come-in {opacity: 1;transform: scale(1);}

.anim-btt {transition: 0.7s all;transform: translateY(100px);opacity: 0; will-change:transform;}
.anim-btt.come-in {opacity: 1;transform: translateY(0);}

.anim-ltr {transition: 0.7s all;transform: translateX(-100px);opacity: 0; will-change:transform;}
.anim-ltr.come-in {opacity: 1;transform: translateX(0);}

.anim-rtl {transition: 0.7s all;transform: translateX(100px);opacity: 0; will-change:transform;}
.anim-rtl.come-in {opacity: 1;transform: translateX(0);}


.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 9; transition: all 0.5s;}
.sticky .header {background-color: rgba(31,61,77,0.5);}
.header .container {max-width: 100%; padding: 0 30px;}
.header__inner {padding:23px 0; align-items: center; justify-content: space-between;}
.header__logo, .header__logo a {line-height: 0;} 
.header__right .button {padding:10px 37px; clip-path: none; border-radius:21px; background-color: transparent; border: 1px solid var(--button-color); font-weight: 400; color: var(--button-color);line-height: 20px;}
.header__right .button::before, .header__right .button::after {font-size: 14px;font-weight: 400;}

.banner {height: 100svh; position: relative; background-color: var(--body-color);}
.banner:after {content: ""; background-color: var(--body-color); position: absolute; left: 0; height: 2px; bottom: -1px; width: 100%;}
.banner__video::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 270px; background: transparent linear-gradient(180deg, #1F3D4D 0%, #1F3D4D00 100%) 0% 0% no-repeat; z-index: 1; pointer-events: none;}
.banner__video::after {position: absolute; content: ""; bottom:-2px; left: 0; width: 100%; height:422px; background: transparent linear-gradient(0deg, #1F3D4D 4%, #1F3D4D00 100%) 0% 0% no-repeat; z-index: 1; pointer-events: none;}
.banner__video {width: 100%; height: 100%; position: relative; z-index: 0;}
.banner__video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.banner .container {position: absolute; left: 0; right: 0; bottom:44px; max-width: 1522px; z-index: 2;}
.banner__inner {align-items: center;}
.banner__inner h1 {color: var(--button-color); line-height: 1.2; max-width: 673px;}
.banner__text {padding: 0 0 0 43px; font-size: 24px; color: var(--white-color); line-height:36px; max-width: 558px; width: 100%; border-left: 1px solid rgba(255,255,255,0.5);}
.banner__inner .button {margin-left: auto;}

.sales {padding:128px 0 115px; background-color: var(--body-color);}
.sales .container {max-width: 1502px;}
.sales__content {padding: 0 0 125px 0; position: relative;}
.sales__leftshape {position: absolute; left:-34px; top: 287px;} 
.sales__rightshape {position: absolute; top:104px; right:-57px;}
.sales__text {margin: 0 auto; max-width: 837px; width: 100%; text-align: center; color: var(--white-color);}
.sales__text :is(h1, h2, h3, h4, h5, h6) {color: var(--white-color);}
.sales__text h2 {margin: 0 0 33px 0; font-size: 44px; line-height: 1.2;}
.sales__text ul li {text-align: left;}
.sales__text ul li:before {background-color: var(--white-color);}

.sales-vision {align-items: flex-start; justify-content: space-between;}
.sales-vision__left {padding:30px 0 0 0; width: 100%; max-width: 300px;}
.sales-vision__left h2 {font-size:45px; color: var(--button-color); line-height: 1.2;position: relative; z-index: 1;}
.sales-vision__left h2 strong {font-size:99px; white-space:nowrap;}
.sales-vision__item {margin: 0; padding:20px 0 20px 0; border-bottom:1px solid rgba(255,255,255,0.23);}
.sales-vision__item h3 {padding: 0 40px 0 0; color: var(--white-color); font-size:20px; position: relative; cursor: pointer; line-height: 24px;}
.sales-vision__item h3 span {position: absolute; top:calc(50% - 10px); right: 0; width: 20px; height: 20px;}
.sales-vision__item h3 span::before {position: absolute; margin: auto; content: ""; left: 0; top: 0; right: 0; bottom: 0; width: 1px; background-color:var(--white-color);}
.sales-vision__item h3 span::after {position: absolute; margin: auto; content: ""; left: 0; top: 0; right: 0; bottom: 0; height: 1px; background-color:var(--white-color);}
.sales-vision__item h3.active span::before {opacity: 0;}
.sales-vision__content {padding:20px 0 0 0; font-size: 16px; line-height: 22px; color: var(--white-color); display: none;}
.sales-vision__right {width: 100%; max-width: 1134px; position: relative; line-height: 0;}

.sales-vision__list {padding: 56.70% 0 0 0; position: absolute; top: 17px; left: 19px; right: 63px;}
.mobile-frame {display: none;}
.sales-vision__video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 0.5s;}
.sales-vision__video video {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.sales-vision__video.active {opacity: 1; visibility: visible;}
.sales__bottomshape {position: absolute; right: -72px; bottom: -57px; width: 114px;}

.features {padding:115px 0 120px 0; background-color: var(--button-color);}
.features .container {max-width: 1185px;}
.features__head {margin: 0 auto 54px; max-width: 870px; width: 100%; text-align: center;}
.features__head h2 {margin: 0 0 36px 0; line-height: 1.2; text-transform:none;}
.features__item {padding: 0 32px; text-align: center; font-size: 18px;}
.features__image {margin:0 auto 25px; padding: 0; max-width: 162px; min-height: 157px; display: flex; align-items: center; justify-content: center;}
.features__item h3 {margin: 0 0 12px 0; font-size: 24px;}
.features__item p {margin-bottom: 10px;}
.features__item p:last-child {margin-bottom: 0;}
.swiper .swiper-pagination {margin:20px 0 0 0; position: relative; bottom: 0 ;}
.swiper .swiper-pagination .swiper-pagination-bullet {margin: 0 8px; width: 59px; height: 5px; background-color:var(--body-color); border-radius: 0; opacity: 0.25; transition: all 0.3s;}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}

.process {padding:135px 0 140px;}
.process h2 {margin: 0 0 20px 0; text-align: center; line-height: 1.2;}
.process .container > p {text-align: center;} 
.process__slider {padding:42px 0 0 0;}

.process__slider .swiper-slide:last-child .process__number span  {display: none;}
.process__item {padding: 0 47px; font-size: 18px; line-height: 26px;}
.process__item h3 {margin: 0 0 15px 0; font-size: 24px; line-height: 30px; min-height: 60px; display: flex; align-items: center;}
.process__item p {margin-bottom: 16px;}
.process__number {margin: 0 0 36px 0; padding:0; display:flex; align-items: center; min-height:200px; position: relative;}
.process__number span {margin: 0 -80px 0 20px; flex: 1; height: 3px; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #4F758A); background-size: 8px 3px, 100% 3px;}
.process__item ul {margin: 0 0 0 30px;}
.process__item li {margin-bottom: 10px;}
.process__item li::before {display: none;}
.process__item li::after {content: ""; position: absolute; top:3px; left:-32px; width: 21px; height:21px; background: url('../images/3d-cube.svg') center no-repeat; background-size: 100% auto;}

.book-demo {padding:155px 0 0 0; background-color:#2A4C5E;}
.book-demo__inner {color: var(--white-color);}
.book-demo__inner p {margin: 0 0 16px 0; text-align: center;}
.book-demo__inner :is(h1, h2, h3, h4, h5, h6) {color: var(--button-color); line-height: 1.2;}
.book-demo__inner h2 {margin: 0 0 26px 0; text-align: center;}
.book-demo__image {line-height: 0; text-align: center;}
.book-demo__inner form {margin: 52px auto 0; max-width: 800px; width: 100%; display: flex !important; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.book-demo__inner .form-row {margin: 0 0 10px 0; width: 100%; max-width: calc(50% - 5px);}
.form-check {padding:25px 0 0 0;}
.form-check .wpcf7-list-item label {padding: 0 0 0 30px; display: block; position: relative;}
.form-check .wpcf7-list-item label input {position: absolute; left: 0; top:3px; width: 23px; height: 23px; opacity: 0; cursor: pointer;}
.form-check .wpcf7-list-item label span {font-size:15px;}
.form-check .wpcf7-list-item label span::before {position: absolute; content: ""; left: 0; top:3px; width: 23px; height: 23px; border: 1px solid var(--button-color); border-radius:5px; pointer-events: none;}
.form-check .wpcf7-list-item label span::after {position: absolute; content: ""; left: 6px; top: 10px; width: 11px; height: 6px; border-left: 2px solid var(--button-color); border-bottom: 2px solid var(--button-color); transform: rotate(-45deg); opacity: 0; pointer-events: none;}
.form-check .wpcf7-list-item label span a {color: var(--white-color);}
.form-check .wpcf7-list-item label input:checked + span::after {opacity: 1;}
.book-demo__inner form .form-btn {margin:10px 0 0 0; position: relative;}
.book-demo__inner form .form-btn input {width: 207px; height: 56px;}
.book-demo__inner form .form-btn:before {position: absolute; left: 0; right: 0; text-align: center; transform: translateY(105%); font-family: var(--body-font); font-weight: 500; color: var(--body-color); font-size: 18px; content: attr(data-button); line-height: 1; z-index: 2; will-change: transfrom; pointer-events: none;}
.book-demo__inner form .form-btn:after {content: attr(data-button);  font-family: var(--body-font); font-weight: 500; color: var(--body-color); font-size: 18px; line-height: 1; left: 0; right: 0; text-align: center; opacity: 0; position: absolute; top: 0; transform: translateY(170%); display: block; will-change: transfrom; z-index: 2; pointer-events: none;}
.book-demo__inner form .form-btn:hover::before{ opacity: 0; -webkit-transform: translateY(30%); transform: translateY(30%); transition: opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}
.book-demo__inner form .form-btn:hover::after {opacity: 1; transform: translateY(105%); transition: opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}
.book-demo__image {margin:40px auto 0 auto; max-width: 1101px; width: 100%;}

.site-footer__top { padding: 55px 0 47px; background: #1f3d4d;}
.site-footer__top .container {-ms-flex-pack: start; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; max-width: 1440px; padding: 0 106px 0 46px;}
.site-footer__first-col {width: 110px;}
.site-footer__logo {margin-bottom: 30px; text-align: center;}

.site-footer__middle-col {-webkit-margin-start: 50px; margin: 0; margin-inline-start: 50px; width: calc(100% - 167px);}
.site-footer__menu {display: flex ; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; margin: 0; max-width: none;}
.site-footer__menu li {width: auto; line-height: 1;}
.site-footer__menu > li {padding-bottom: 15px;}
.site-footer__menu > li > a {font-family: var(--heading-font); font-weight: 500;}
.site-footer__menu li a {font-size: 12px; white-space: nowrap; display: block; font-weight: 300; line-height: 18px;color: var(--button-color); position: relative; text-decoration: none;}
.site-footer__menu li a:hover {color: var(--white-color);}
.site-footer__menu > li > a:hover {color: var(--button-color);}
.site-footer__menu li::before {display: none;}
.site-footer__menu li .sub-menu {margin: 0;}
.site-footer__menu li .sub-menu li {margin-top: 7px;}
.site-footer__last-col { -webkit-margin-start: 0; -ms-flex-pack: justify; -ms-flex-align: end; align-items: flex-end; margin-top: 30px; display: -ms-flexbox; display: flex ; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; margin-inline-start: 0; width: 100%; }

.site-footer__subscribe-form { -ms-flex-order: 2; margin-bottom: 0; max-width: 303px; width:100%; order: 2; }
.site-footer__subscribe-title { font-size: 18px; line-height: 20px; font-weight: 600; margin-bottom: 19px; text-align: start; color: var(--button-color);}
.site-footer__subscribe-form form {position: relative;}
.site-footer__subscribe-form form input[type="email"] {padding: 12px 130px 12px 20px; font-size: 13px; font-weight: 500; line-height: 18px; border-radius:22px;}
.site-footer__subscribe-form form .form-btn {position: absolute; top: 0; right: 0; width:110px;}
.site-footer__subscribe-form form .form-btn input {clip-path: none; width: 100%; padding: 22px 47px; border-radius: 22px;}

.site-footer__subscribe-form form .form-btn:before {position: absolute; left: 0; right: 0; text-align: center; transform: translateY(105%); font-family: var(--body-font); font-weight: 600; color: var(--body-color); font-size: 14px; content: attr(data-button); line-height: 1; z-index: 2; will-change: transfrom; pointer-events: none;}
.site-footer__subscribe-form form .form-btn:after {content: attr(data-button);  font-family: var(--body-font); font-weight: 600; color: var(--body-color); font-size: 14px; line-height: 1; left: 0; right: 0; text-align: center; opacity: 0; position: absolute; top: 0; transform: translateY(170%); display: block; will-change: transfrom; z-index: 2; pointer-events: none;}
.site-footer__subscribe-form form .form-btn:hover::before{ opacity: 0; -webkit-transform: translateY(30%); transform: translateY(30%); transition: opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity .3s linear, -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}
.site-footer__subscribe-form form .form-btn:hover::after {opacity: 1; transform: translateY(105%); transition: opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1) !important; transition: transform 1.4s cubic-bezier(.19,1,.22,1), opacity 1.4s cubic-bezier(.19,1,.22,1), -webkit-transform 1.4s cubic-bezier(.19,1,.22,1) !important;}

.site-footer__contacts {-ms-flex-order: 1; -webkit-margin-start: 160px; margin: 0; margin-inline-start: 160px; order: 1;}
.site-footer__follow-area { -ms-flex-order: 1; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex ; order: 1; }
.site-footer__follow-title { font-size: 14px; letter-spacing: 1.4px; line-height: 1; margin: 13px 36px 0 0; text-align: start; color: var(--button-color); font-family: var(--heading-font); font-weight: 800; text-transform: capitalize; }

.site-footer__socials {-ms-flex-pack: start; justify-content: flex-start;-ms-flex-align: center; -ms-flex-pack: center; align-items: center; display: -ms-flexbox; display: flex ;} 
.site-footer__social:not(:first-child) { -webkit-margin-start: 25px; margin-inline-start: 25px; }
.site-footer__address { margin-top: 14px; font-size: 12px; text-align: start; text-transform: capitalize; }
.site-footer__address, .site-footer__tel {color: var(--button-color); font-style: normal; font-weight: 300; line-height: normal;}
.site-footer__tel { display: block; margin-top: 8px; display: block; font-size: 12px; text-align: start; text-decoration: none;}

.site-footer__bottom {padding: 18px 0 15px;background: var(--dark-color);}
.site-footer__bottom .container {align-items: center; flex-wrap: wrap; display: flex; justify-content: space-between;max-width: 1362px; padding: 0 100px 0 18px;}
.site-footer__copyright, .site-footer__creator-link { font-size: 12.25px; letter-spacing: .1em; line-height: 18px; opacity: .9; margin-bottom: 2px; text-transform: uppercase; color: var(--white-color); text-decoration: none;}
.testimonial-proof-section{background-color:var(--button-color); padding:115px 0 120px 0;}
.title-ts{text-align:center; padding:0 0 54px 0;}
.title-ts h2{margin-bottom:36px; text-transform:none;}
.testimonial-proof-part{padding:0;}
.testimonial-proof-part .video{padding:0;}
.testimonial-proof-part .video video,
.testimonial-proof-part .video iframe{width:100%; vertical-align:top; object-fit:cover; height:450px;}

.header-light ul li:before{display:none !important;}
.header-light .site-header__language-switcher li:last-of-type::after { color: #c0f3d1; content: "/"; font-family: Poppins; font-size: 16px; font-weight: 600; line-height: 20px; margin: 0 5px; position: absolute; }

.header-light.site-header .menu-item .like-link, 
.header-light.site-header .menu-item a, 
.header-light.site-header .page_item .like-link, 
.header-light.site-header .page_item a{line-height: normal;}

.testimonial-proof-section h2{font-size: 50px;}
.testimonial-proof-part .video video, .testimonial-proof-part .video iframe { height: auto;}
.testimonial-proof-part .title-ts { padding: 0 0 40px 0; }


/* css for rtl */
[dir=rtl] *{    font-family: Assistant !important;}
[dir=rtl] .sales__rightshape { right:auto; left: -57px;         top: 10%;}
[dir=rtl] .sales__leftshape { left: auto; right: -34px; top: 50%;}
[dir=rtl] .sales__bottomshape { right: auto; left: -72px; }
[dir=rtl]  .banner__inner .button { margin-left: 0; margin-right: auto; font-family: Assistant !important;}
[dir=rtl] .sales-vision .sales-vision__frame{    transform: scale(-1);}
[dir=rtl] .sales-vision .sales-vision__list { left: 63px; right: 19px; }
[dir=rtl] .process__number span { margin: 0 20px 0 -80px; }
[dir=rtl] .process__item ul { margin: 0 30px 0 0; }
[dir=rtl] .process__item li::after { left: auto; right: -32px; }
[dir=rtl] .form-check .wpcf7-list-item label { padding: 0 30px 0 0;display: flex;align-items: center;}
[dir=rtl] .form-check .wpcf7-list-item label span::before { left: auto; right: 0; }
[dir=rtl] .form-check .wpcf7-list-item label span::after { left:auto;right: 6px; }
[dir=rtl] .site-footer__follow-title { font-size: 20px; }
[dir=rtl] .heading-h1, [dir=rtl] h1 { font-size: 70px; }
[dir=rtl]  .banner__text { padding: 0 43px 0 0; border: none; border-right: 1px solid rgba(255, 255, 255, 0.5); }
[dir=rtl] .sales-vision__item h3 { padding: 0px 0 0px 40px; }
[dir=rtl] .sales-vision__item h3 span { left: 0; right: auto; }
[dir=rtl] .book-demo__inner .wpcf7-form-control{font-family: Assistant;}
[dir=rtl] .book-demo__inner form .form-btn:after,
[dir=rtl] .book-demo__inner form .form-btn:before{font-family: Assistant;}
.page-template-page-reels header{ background-color: rgb(31 61 77 / .5); }
.page-template-page-reels .site-header .cart-icon .cart-contents{display: none;}
.testimonial-proof-part .video{position: relative;}
.testimonial-proof-part .video video { border-radius: 10px; box-shadow: 0 0 20px #0000007a; height: 70vh; object-position: center; object-fit: fill; width: auto !important; margin: 0 auto; display: block; }
.testimonial-proof-part .video .play_pause_btn{opacity: 0;transition: 0.4s ease all;}
.testimonial-proof-part .video:hover .play_pause_btn{opacity: 1 !important;}
.testimonial-proof-part .video .play_pause_btn { position: absolute; top: 0; left: 0; right: 0; width: 130px; border: 5px solid #fff; margin: auto; bottom: 0; height: 130px; border-radius: 50%; display: flex ; justify-content: center; align-items: center;     box-shadow: 0 0 10px; background-color: rgb(31 61 77 / .5);}
.testimonial-proof-part .video .play_pause_btn span{filter: brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(0%) hue-rotate(320deg) brightness(111%) contrast(102%);cursor: pointer;max-width: 60px;}
.testimonial-proof-part .video .play_pause_btn span img{display: block;}
/* pricing page */
[dir=rtl] body .pricing-tabs__packages .package__row-label { left: auto; right: 0 !important; }

/* post page  */
.video-banner__inner h1{ font-family: Assistant !important;}

.process h2,
.process__item h3,.banner__inner h1,.sales__text h2,
.sales-vision__left h2{text-transform: math-auto;text-transform:inherit;}
.book-demo__inner h2 { font-family: var(--heading-font); text-transform: math-auto;text-transform:inherit;}
.book-demo .form-row input{background-color: transparent;}
.book-demo .wpcf7-list-item-label a{text-decoration: underline;}
/* [lang="en-US"] .reals-header .site-header__language-switcher{display: none;} */

/* language */
/* .language-main-simp{position: relative;}
.language-main-simp .current-lang-simp{border-radius:0px; color: #1f3d4d; font-family: Poppins; font-weight: 600; display: flex ; align-items: center; cursor: pointer;}
.language-main-simp .current-lang-simp img{margin-right: 10px;}
.language-main-simp .site-header__language-switcher { position: absolute; left: 0; top: 30px; left: 0; background-color: #1f3d4d; padding: 10px 12px; height: auto; border-radius: 5px; opacity: 0; transition: 0.4s ease all;}
.language-main-simp:hover .site-header__language-switcher{opacity: 1;}
.language-main-simp .site-header__language-switcher:before{display: none;}
.language-main-simp .site-header__language-switcher ul{flex-wrap: wrap;}
.language-main-simp .site-header__language-switcher ul li:not(:last-child){margin-bottom: 5px;}
.language-main-simp .site-header__language-switcher li a:before,
.language-main-simp .site-header__language-switcher li.wpml-ls-item-he a:before{color: #fff;}
.language-main-simp .site-header__language-switcher li:last-of-type:before{display: none;}
.language-main-simp .site-header__language-switcher li a:before { font-size: 16px; position: relative; }
.language-main-simp .site-header__language-switcher li.wpml-ls-item-he a:before { line-height: 20px; margin-left: 0; } */


.banner__inner h1,
.sales__text h2,
.sales-vision__left h2,
.sales-vision__item h3,
.features__head h2,
.features__item h3,
.process h2,
.process__item h3,
.testimonial-proof-section h2,
.book-demo__inner h2{font-weight:800 !important;}


[dir=rtl] .banner__inner h1 { font-size: 70px; padding-left: 10px; line-height: 1; } 
[dir=rtl] .sales-vision__left h2{font-size: 90px;line-height: 1;}
[dir=rtl] .sales-vision__left h2 strong { font-size: 120px; }


@media only screen and (max-width: 1599px) {
    [dir=rtl] .heading-h1, [dir=rtl] h1 { font-size: 48px; }
    .testimonial-proof-section h2 { font-size: 40px; margin-bottom: 0;}


}
@media only screen and (max-width:1399px) {
    .pricing-tabs .scroll-container .swiper .swiper-wrapper .package { width: 24%;}
    .pricing-tabs .scroll-container .package.cloned { width: 247px; max-width: 247px; }
    [dir=rtl] .banner__inner h1 { font-size: 46px; padding-left: 0; }

}


@media only screen and (max-width: 991px) {
    [dir=rtl] .banner__text { padding: 0; border: none; }
    [dir=rtl] .banner__inner .button { margin-left: auto; margin-right: auto; }
    [dir=rtl] .sales__rightshape { right: auto; left: -10px; top: -60px; }
    [dir=rtl]  .process__slider { padding: 35px 10vw 0 0; }
    [dir=rtl] .process__item { padding: 0 33px; font-size: 16px; line-height: 26px; }
    [dir=rtl] .sales__leftshape{display: none;}
    .testimonial-proof-section h2 { font-size: 30px; margin-bottom: 0; }
    .testimonial-proof-part .video video { height: 40vh; }

}
@media only screen and (max-width: 767px) {
    html[dir=rtl] #wpadminbar { display: none !important; }
    [dir=rtl] .sales-vision .sales-vision__list { top: 1.6%; left: 2.2%; right: 2.4%; padding: 0; bottom: 5.5%; }
    [dir=rtl] .sales-vision .sales-vision__frame { transform: scale(1);}
    [dir=rtl] .page-template-page-reel header { top: 0 !important; }
    .testimonial-proof-section h2 { font-size: 22px; margin-bottom: 0; line-height: 1.1; }
    .testimonial-proof-part .video .play_pause_btn span { max-width: 30px; }
    .testimonial-proof-part .video .play_pause_btn { width: 80px; height: 80px; }
    .testimonial-proof-section { padding: 60px 0; }
    .testimonial-proof-part .video video { height: 210px; width: 100% !important; } 


}