@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root{
    --heading-font: "Outfit", sans-serif;
    --body-font: "Outfit", sans-serif;
    --common-transition: all 0.3s ease 0s;
    --primary:#111E47 ;
    --secondary:#364161;
    --blue:#EDF3FF;
    --black: #000000;  
    --gray: #575D65;
    --white: #FFFFFF; 
    --light-blue:#1044E8;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */ 
body { margin: 0; padding: 0; font-family: var(--body-font); font-size: clamp(0.875rem, 0.708rem + 0.347vw, 1.125rem); line-height: 1.4; font-weight: 400; color: var(--secondary); overflow-x: hidden; scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; line-height: 1.2; font-weight: 400; font-family: var(--heading-font); color: var(--black);}
h1{ font-size: clamp(2.25rem, 1.25rem + 2.083vw, 3.75rem); /* 60px */ }
h2{ font-size: clamp(1.625rem, 1.042rem + 1.215vw, 2.5rem);  /* 40px */ }
h3{ font-size: clamp(1.375rem, 1.042rem + 0.694vw, 1.875rem); ;  /* 32px */ }
h4{ font-size:clamp(0.938rem, 0.563rem + 0.781vw, 1.5rem); /* 15-24px */ }
h5{ font-size:clamp(1rem, 0.833rem + 0.347vw, 1.25rem); /* 16-20px */  } 
h6{ font-size: clamp(0.938rem, 0.813rem + 0.26vw, 1.125rem); /* 16px */ }
p{ margin: 0 0 20px; padding: 0; line-height: 1.5; }
.fw-600 { font-weight: 600;}

ul{list-style: none; padding: 0;}
img { max-width: 100%; }
figure { margin: 0;}
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover {  outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }
 
.form-group { margin-bottom: 20px; }
textarea, select, .form-control, input { border: 0;      height: 50px; border-radius: 5px; }
input[type="submit"] { font-family: var(--poppins); font-weight: 400; font-size: 16px; transition: all 0.3s ease 0s; outline: none; }
textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 97% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
/* .btn-check:focus+.btn, .btn:focus { box-shadow: inherit;} */
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color: #9E9E9E; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #9E9E9E; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #9E9E9E; }
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/*..............common styles..............*/
.common-padding{ padding-top: 80px; padding-bottom: 80px; }
.common-small-padding{ padding-top: 80px; padding-bottom: 80px; } 
.sml-padding{padding: 0px 0 60px;}


 
.btn {color: var(--white) !important;font-weight: 700 !important;padding: 20px 44px !important; min-width: 180px; background: linear-gradient(66.2deg, #00A7DC 15.3%, #1044E8 84.7%);border-radius: 100px;     font-size: clamp(0.938rem, 0.563rem + 0.781vw, 1.5rem) ;
    border: 0; }
.btn:hover , .btn-check:focus+.btn, .btn:focus { background:linear-gradient(66.2deg, #1044E8 15.3%, #00A7DC 84.7%)}
.btn span { display: inline-block; margin-left: 15px; }
/* ============ header Start ============ */
body.open { height: 100vh; overflow: hidden; }
/* body.fixed-gap { margin-top: 87px; } */
  
/*top menu*/
.main-header { width: 100%;  position: fixed; top: 1rem; bottom: auto; left: 0%; right: 0%;     z-index: 999;}
.navigation-bar { display: flex;align-items: center;border: 1px solid #B6C6DC;z-index: 99990;-webkit-backdrop-filter: saturate(200%) blur(12px);backdrop-filter: saturate(200%) blur(12px);background-color: rgba(255, 255, 255, .72);border-radius: 50px;align-items: center;margin-left: auto;margin-right: auto; padding: 14px 18px 14px 30px; display: flex;     justify-content: space-between;}

.mobile-menu{ display:none; transition:all 0.45s ease-in-out; }



.main-menu ul li { margin-right: 54px; position: relative; }
.main-menu ul li:first-of-type{ margin-left: 0; }
.main-menu ul li:last-of-type{ margin-right: 0; }
.main-menu ul li a{ font-size: clamp(0.938rem, 0.896rem + 0.087vw, 1rem); line-height: 1.2; color: var(--black); font-weight: 500; display: inline-block; padding: 0px 5px; transition: var(--common-transition); }
.main-menu ul li a:hover{color: var(--light-blue)}
/* .main-menu ul li::after{content: '';background: var(--black);position: absolute;height: 1px;bottom: 0;left: 0;right: 0;display: none;transition: 0.3s ease;}  */
.main-menu ul li.current-menu-item a{color: var(--secondary);}
.main-menu ul li:hover::after, .main-menu ul li.current-menu-item::after, .main-header.fixed .main-menu>ul>li.current-menu-item::after{display: block;transition: 0.3s ease;}
 

/* dropdown */
.main-menu .nav { align-items: center;     justify-content: center;}
li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children > a::after { position: absolute; top: 49%; transform: translate(0%, -50%); content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; margin-left: 10px; color: var(--green); transition: var(--common-transition); }
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 4px 6px 0px rgba(46, 45, 45, 0.16);min-width: 220px; z-index: 2; padding: 0;list-style: none;}
li.menu-item-has-children ul.sub-menu a{display: block;color: #343434;font-weight: 600;margin-right: 0;padding: 10px 15px;font-size: 16px;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important; font-weight: 500; }
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover a::after { transform: translate(0%, -50%) rotate(180deg); color: var(--green); }
li.menu-item-has-children > ul.sub-menu li { margin: 0; }
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}

.talk-btn a {color: var(--white) !important;font-weight: 700 !important;padding: 13px 23px !important;min-width: 180px;margin-left: 34px;background: linear-gradient(66.2deg, #00A7DC 15.3%, #1044E8 84.7%);border-radius: 100px; text-align: center;}
.talk-btn a span{margin-left: 8px; display: inline-block;}
.talk-btn a:hover { background:linear-gradient(66.2deg, #1044E8 15.3%, #00A7DC 84.7%)}
.minus, .plus{display: none;} 

/* .header-sticky.main-header { left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; background: #fff;} */
.phn { margin-left: 31px; flex: 0 0 auto;}
.phn a { color: var(--white); font-weight: 600;}
.phn a { display: flex; align-items: center; } 
.phn a span { width: 60px; display: inline-block; flex-basis: 0 0 60px; border: 2px solid var(--black); height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; } 
.phn a span img { max-width: 25px; } 
.call-details h6 { color: var(--black); font-family: 'Nunito Sans'; margin-bottom: 8px; } 
.call-details p { color: var(--black); font-family: 'Roboto'; margin: 0; }
/* .nav_btn { display: none; } */
.nav_close { display: none; color: var(--black); }
.header-right-btn{display: none;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

/* ============ header End ============ */

/* banner */
.banner-wrap{background-position:  center; min-height: 100vh; padding: 160px 0 10px; background-size: cover; background-repeat: no-repeat;}
.banner-text { max-width: 830px; margin: 0 auto; text-align: center;} 
.banner-text h1 { font-weight: 600; margin-bottom: 40px; padding-bottom: 13px;  color: var(--primary); } 
.banner-text h1 span{position: relative;}
.banner-text h1 span:before { position: absolute; content: ''; width: 100%; height: 5px; background: var(--black); bottom: 0; } 
.banner-text p:first-child { margin-bottom: 30px; }
.free-form .form-control { border: 1px solid #ccc; } 
.free-form select {width: 100%; border: 1px solid #ccc; } 
.free-form label { margin-bottom: 10px; color: var(--white); font-size: 15px; display:block; }
.free-form select { width: 100%; border: 1px solid #ccc; padding: 0 10px; font-size: 15px; }
.modal-content{    background: none; border: 0;     /*animation: delay .3s cubic-bezier(.7,.2,.5,1) .2s both; */}
.btn-close { background: transparent; opacity: 1; right: 20px; top: 20px; position: absolute; inset-inline-end: 20px; inset-block-start: 20px; z-index: 50000; display: block; inline-size: 36px; block-size: 36px; border: 3px solid rgb(185,190,199); border-radius: 50%; background-color: transparent; cursor: pointer; transition: transform .3s cubic-bezier(0.165,0.84,0.44,1); /* transform: rotate(45deg);  animation: close .3s .5s both; */     transform: rotate(45deg);} 
@keyframes close { 
    0% { 
        opacity: 0
    } to { 
        opacity: 1 } 
} 
.btn-close:focus{box-shadow: none;}
.btn-close:hover{ cursor: pointer; /*transform: rotate(135deg); */} 
.btn-close:before , .btn-close:after{ content: ""; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; display: block; inline-size: 40%; border-radius: 4px; background: rgb(185,190,199); transition: .2s; transform: translate(-50%, -50%); } 
.btn-close:before { inline-size: 24px; block-size: 3px; } .btn-close:after { inline-size: 3px; block-size: 24px; }
/* .banner-text .btn{font-size: clamp(1.25rem, 0.75rem + 1.042vw, 2rem);} */
.free-text { margin-top: 20px; font-size: clamp(1rem, 0.833rem + 0.347vw, 1.25rem); color: var(--black); }
.free_trial{margin-top: 0 !important;}
.free_trial label, .free_trial legend , .free_trial label a, .free_trial legend a{ color: var(--black) !important; }
.free_trial .btn[type=submit]{margin-left: auto; margin-right: auto; display:block; height: auto !important;     background: linear-gradient(66.2deg, #00A7DC 15.3%, #1044E8 84.7%) !important;  border-radius: 100px !important; }
.free_trial .btn[type=submit]:hover{background: linear-gradient(66.2deg, #1044E8  15.3%, #00A7DC 84.7%) !important;}
.free_trial .btn:focus:after { display: none; }
.logo-block {
    max-width: 180px;
}

 .banner-tabs .nav-pills { justify-content: center; padding: 40px 0;} 
 .banner-tabs .nav-link { background: linear-gradient(86.62deg, rgba(16, 68, 232, 0.05) 2.22%, rgba(0, 167, 220, 0.05) 97.87%); border-radius: 15px !important; padding: 15px; font-weight: 500; color: #606B8A; min-width: 232px; display: flex; align-items: center; justify-content: center; font-size: 16px;     border: 1px solid #8DB7EF;} 
 .banner-tabs .nav-pills .nav-link.active { background: var(--primary); font-weight: 700; } 
 .banner-tabs .nav-pills li { margin: 0 12px; } 
 .banner-tabs .nav-link span { width: 37px; height: 37px; box-shadow: 0px 2px 5px 0px #33589E1A; background: var(--white); display: flex; border-radius: 50%; align-items: center; justify-content: center; margin-right: 10px; flex: 0 0 auto;}
 .banner-tabs .nav-pills .nav-link.active span img { opacity: 1; } 
 .banner-tabs .nav-pills .nav-link span img { opacity: .5; }
 .banner-tabs .nav-link:hover { background: var(--primary); color: var(--white); } 
 .banner-tabs .nav-pills .nav-link:hover span img { opacity: 1; }
 .collaborate-dashboard { display: flex; } 
 .left-panel , .right-panel { width: 20%;     z-index: 0; position: relative;} 
 .left-panel h6 { font-weight: 600; margin-bottom: 66px; }
 .left-panel ul { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1;       background-size: 79%; margin: 0;} 
 /* .left-panel ul:after{position: absolute; content: ''; width: 256px; height: 373px; background: url(../images/icon-line-total.svg) no-repeat; right: -36px; top: 48px; background-size: cover; z-index: -2; } */
 .left-panel ul li { width: 50%; position: relative;  margin-bottom: 90px;} 
 .left-panel ul li span { display: flex; align-items: center; justify-content: center; border: 1px solid #95C3FF; width: 95px; height: 95px; border-radius: 20px; background: var(--white);} 
 .left-panel ul li:nth-child(2) { margin-top: 95px; margin-bottom: 0; } 
 .left-panel ul li:nth-child(4) { margin-top: 95px; margin-bottom: 0; }
 .left-panel ul li:last-child { margin-bottom: 0px; }

 /* left lotte animation */
 .left-anim {position: absolute; right: -33px; top: 163px; width: 254px; height: 475px; top: 50%; transform: translateY(-50%);} 
 .left-anim lottie-player { width: 100%;  height: 100%;}
 /* left lotte animation */
 /* right lotte animation */
 .right-anim { position: absolute; width: 100px; height: 402px; left: -6px; top: 50%; transform: translateY(-50%); } 
 .right-anim lottie-player { width: 100%;  height: 100%;}
 /* right lotte animation */
 .center-panel { width: 60%; }
 .center-panel figure { border: 14px solid #000; border-radius: 30px; outline: 8px solid #4C5252; overflow: hidden;  position: relative; z-index: 1;     background: var(--white);}
 .center-panel figure img { width: 100%; height: 100%; }

 .right-panel ul{position: relative;  padding-left: 85px;  margin: 0;} 
 .right-panel h6{padding-left: 85px;     font-weight: 600;  margin-bottom: 46px;}
 .right-panel ul li span { display: flex; align-items: center; justify-content: center; border: 1px solid #95C3FF; width: 95px; height: 95px; border-radius: 20px; background: var(--white); flex:  0 0 auto; margin-right: 20px; } 
 .right-panel ul li:not(:last-child) { margin-bottom: 30px; } 
 .right-panel ul li { display: flex; align-items: center; font-weight: 500;     font-size: 14px;} 
 /* .right-panel ul:after{position: absolute; content: ''; width: 92px; height: 396px; background: url(../images/icon-line-right.svg) no-repeat; left: -92px; top: 48px; background-size: cover; z-index: -2; }  */
 .right-panel ul li:first-child span { border: 1px solid #FD6B7C; } 
 .right-panel ul li:nth-child(2) span { border: 1px solid #BB8EFF; } 
 .right-panel ul li:nth-child(3) span { border: 1px solid #32A957; } 
 .right-panel ul li:last-child span { border: 1px solid #85A2FF; }
 .tab-content .active  .right-panel ul li img  ,  .tab-content .active  .left-panel ul li img {animation: slide-right 0.7s; -ms-animation: slide-right 0.7s; -webkit-animation: slide-right 0.7s;}
 @keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(-50%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0);
    } 
}
/* banner */

/* Delivers */
.deliver-wrap { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1;}
.common-text h2 { font-weight: 600; margin-bottom: 30px; padding-bottom: 13px;  color: var(--primary);     display: inline-block;} 
.common-text h2 span{position: relative;}
.common-text h2 span:before { position: absolute; content: ''; width: 100%; height: 4px; background: var(--primary); bottom: 0; }
.middle-text p{max-width: 825px; margin: 0 auto 30px;}
.value-img span a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.value-img {background: linear-gradient(130.21deg, #5981FF 0%, #7AFDFF 100%);border-radius: 30px; }
.value-img span { width: calc(100% - 60px); transform: translateY(-30px); display: block; margin: auto; position: relative;}
.value-img span > img  { width:100%; border: 2px solid #ACB8FF; border-radius: 15px; box-shadow: 0px 10px 30px 0px #3C5BC71A;
}

.deliver-box .row .value-img .shape-image img { position: absolute; }
.deliver-box .row:first-child .value-img .shape-image img:first-child {     right: -121px; top: 78px; }
.deliver-box .row:first-child .value-img .shape-image img:last-child { bottom: -110px; left: 71px; }
.deliver-box .row:nth-child(2) .value-img .shape-image img:first-child { top: -30px; right: 76px; } 
.deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(2) { top: 202px; left: -80px; }
.deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(3) { right: 140px; bottom: -10px; }
.deliver-box .row:last-child .value-img .shape-image img:nth-child(2) { bottom: -120px; left: 20px; } 
.deliver-box .row:last-child .value-img .shape-image img:first-child { top: 210px; right: -90px; }

.deliver-box .row:first-child .value-img figure:before { background: linear-gradient(130.21deg, #7AFDFF 0%, #5981FF 100%); }
.deliver-box .row:nth-child(even) { flex-direction: row-reverse; } 
.deliver-box .row:nth-child(even) .col-lg-6 .value-text { margin-left: 0; } 
.deliver-box { margin-top: 61px; }
.deliver-box .row:not(:last-child) { margin-bottom: 140px; }
.value-text { max-width: 513px; margin: 0 auto; position: relative;}
.value-line { position: absolute; top: 23px; right: -120px;     z-index: -1;}
.deliver-box .row:nth-child(2) .col-lg-6:last-child .value-line { right: -178px; }
.deliver-box .row:first-child .value-line { top: -640px; right: -151px; }
/* Delivers */

/* team */
.service-boxx{border-radius: 20px; background: linear-gradient(130.22deg, #1044E8 0.05%, #1044E8 54.28%, #42EFF1 108.75%); padding: 30px; height: 100%;}
.team-wrap{position: relative; z-index: 5;}
.team-wrap:after { position: absolute; content: ''; background: url(../images/team-line.svg) no-repeat; width: 223px; height: 327px; left: 24%; bottom: -27px; z-index: -1;}
.teamSwiper .swiper-slide-active .service-boxx {
    background: linear-gradient(130.51deg, #1044E8 -10.16%, #42EFF1 128.31%);
}
.service-boxx h3, .service-boxx p{color: var(--white);}
.service-boxx h3 { height: 72px; } 
.service-boxx p { height: 107px; }
.teamSwiper{margin: 0 0px 30px; padding: 0 12px; border-right: 2px solid var(--white); border-left: 2px solid var(--white);}
.teamSwiper .swiper-slide { padding: 0 12px;     height: auto !important;} 
/* .teamSwiper .swiper-wrapper { margin: 0 -12px; } */
.swiper-button-next, .swiper-button-prev { width: 48px; height: 48px; background: var(--white); border-radius: 50%; border: 1px solid #ACB8FF; z-index: 999; } 
 .swiper-button-next:after { content: '\f061'; font-family:"Font Awesome 6 Free"; font-weight:900; color: var(--black); font-size: 20px } 
 .swiper-button-prev:after{ content: '\f060'; font-family:"Font Awesome 6 Free"; font-weight:900; color: var(--black); font-size: 20px } 
.teamSwiper .swiper-button-next { right: 0; left: inherit; } 
.teamSwiper .swiper-button-prev { left: 0px; right: inherit; }
.teamSwiper .swiper-slide .service-boxx figure{position: relative; padding-bottom: 67%;}
.teamSwiper .swiper-slide .service-boxx figure img{position: absolute; width:100%; height:100% ; top: 0; bottom: 0; left: 0; right: 0; object-fit: contain;}
/* team */

/* fit */
.Fit-wrap{background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1;}
.fit-tabs .nav-link { border: 1px solid #D3E6FF; text-align: left; padding: 30px; background: var(--white); border-radius: 30px; margin-bottom: 30px; }
.fit-tabs .nav-link:last-child{margin-bottom: 0;}
.fit-tabs .tab-heading { display: flex; align-items: center; }
.fit-tabs .nav { width: 24%; margin-right: 30px;}
.fit-tabs .tab-content { width: 76%; box-shadow: 0px 10px 30px 0px #49639E1A; padding: 50px; border-radius: 30px; border: 1px solid #ACB8FF; background: var(--white);}
.fit-tabs .nav-pills .nav-link.active, .fit-tabs .nav-pills .nav-link:hover { background-color: var(--white); box-shadow: 0px 10px 60px 0px #7B96CD26;     border: 1px solid #9EA5BB;}
.fit-tabs .tab-text h4 { color: #727C9A; font-weight: 600; margin-bottom: 10px;}
.fit-tabs .tab-text p { color: #727C9A; margin: 0; }

.tab-imges { width: 66px; height: 66px; background: #F3F7FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex: 0 0 auto;     opacity: .6;}
.fit-tabs .nav-pills .nav-link.active .tab-imges{opacity: 1;}
.fit-tabs .nav-pills .nav-link.active .tab-text h4 {font-weight: 700; color:var(--primary);}
.fit-tabs .nav-pills .nav-link.active .tab-text h4 { color:var(--primary);}

.fit-tab-content h5 { background: var(--light-blue); font-weight: 500; color: var(--white); width: fit-content; border-radius: 100px; padding: 8px 16px; margin-bottom: 11px; } 
.fit-tab-content h3 { color: var(--primary); font-weight: 600; } 
.fit-tab-content ul{margin-bottom: 40px;}
.fit-tab-content ul li {margin-bottom: 23px; padding-left: 30px; background: url(../images/li-img.svg) no-repeat 0px 16%; background-size: 2%;}


.team-review { background: #EDF3FF; border-radius: 20px; padding: 30px; } 
.dd { display: flex; } 
.team-mem { width: 120px; height: 120px; flex: 0 0 auto; margin-right: 28px; } 
.team-mem img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;} 
.team-text span { display: block; margin-bottom: 20px; } 
.team-text p { font-size:clamp(0.938rem, 0.563rem + 0.781vw, 1.5rem); } 
.team-text figure { max-width: 100px; }
/* fit */

/* demo */
.demo-wrap { padding: 120px 0; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.all-btns .btn { font-size: clamp(0.938rem, 0.563rem + 0.781vw, 1.5rem);     margin: 0 17px; }
.all-btns .btn { min-width: 308px; }
.all-btns  .line-btn{ background: linear-gradient(66.2deg, #00A7DC 15.3%, #1044E8 84.7%);}
.all-btns  .line-btn:hover{background: linear-gradient(66.2deg, #1044E8 15.3%, #00A7DC 84.7%); }
.demo-wrap .common-text h2, .demo-wrap .common-text p { color: var(--white); } 
.demo-wrap .common-text h2 span:before { background: var(--white); }
.all-btns { margin-bottom: 30px; }

.swiper-pagination-bullet{border: 1px solid #1da1f2;}
.swiper-pagination-bullet-active{background:#1da1f2}

.demoSwiper { position: relative; padding: 96px 0 0;     height: 510px;}
.demoSwiper > .swiper-slide__content { position: absolute; top: 0; }
.demoSwiper .swiper-slide { display: flex; align-items: center; justify-content: center; transition: all 200ms linear; transform: scale(.8); border-radius: 2px !important;     height: 422px; opacity: .9; z-index: 10; display: block; align-content: center; }
.demoSwiper .swiper-slide.swiper-slide-active { transform: scale(1.3); z-index: 99; position: relative; height: 370px; width: 100%; max-width: 700px !important; /* overflow: hidden; */ border-radius: 30px; /* border: 3px solid #1f1e1e */; border-radius: 30px; /* outline: 4px solid #4C5252 */; opacity: 1;}
/* .demoSwiper .swiper-slide.swiper-slide-active:after {  position: absolute !important; * content: ''; width: 100%; height: 100%; top: 0; border: 14px solid #000; border-radius: 30px; outline: 8px solid #4C5252;  overflow: hidden;  position: relative; z-index: 1; } */
.demoSwiper .swiper-slide img { width: 100%;  object-fit: contain; border-radius: 0px;    object-position: top;    /* box-shadow: 0 0 10px #0808084f;*/}

 .swiper-button-prev{    left: 27%;}
 .swiper-button-next{    right: 27%;}
 input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.wpforms-error + em , em.wpforms-error{
    display: none !important;
}
.wpforms-container-full .wpforms-confirmation-container-full{background: #ffffff !important; border: 1px solid #ffffff !important;}
.modal-header{padding-bottom: 0; text-align: center;  padding-top: 30px; justify-content: center !important; display: block;} 
.modal-body {  padding: 0px 30px 20px; }
.free_trial input, .free_trial select {
    border-radius: 11px !important;
    height: 50px !important;
    border: 1px solid #8DB7EF !important;
}
.form-mdal{    background: rgba(255, 255, 255, 0.94);}
.form-mdal h3 { margin: 0 0 20px; font-weight: 600; color: var(--primary); }
.wpforms-container .wpforms-field{    padding: 7px 0 !important;}
@keyframes delay {
    0%{
        transform: translateX(-100%);
}
     100%{
        transform: translateX(0%);
}
}

/* .free_trial {
    animation: delay1 .3s linear .5s both;
} */

@keyframes delay1 {
    0%{
            opacity: 0;
    transform: translateX(50px);
}
     100%{
            opacity: 1;
    transform: translateX(0);
}
}
/* demo */


/* support */
section.support-wrap { background: #EDF3FF; padding: 26px 0; } 
.support-flex { display: flex; align-items: center; } 
.support-list ul { display: flex; margin: 0; /*justify-content: flex-end;*/ width: 70%;} 
.support-list ul li { width: 33.3%; border-right: 1px solid #ACBDDF; text-align: center;     margin-left: 30px;}
.support-list ul li:last-child{border-right: 0}
.support-list ul figure { display: flex; align-items: center; } 
.support-list {width: 75%; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.support-heading { width: 30%;     flex: 0 0 auto;} 
.support-heading h4 { color: var(--primary); margin: 0; font-weight: 600; } 
.support-list ul li figure span{display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex:0 0 auto; background: var(--light-blue); margin-right: 10px; border-radius: 50%;}
.support-list ul li:nth-child(1) figure span{background: #FD6B7C;}
.support-list ul li:nth-child(2) figure span{background: #8A40FC;}
.support-list ul li:nth-child(3) figure span{background: #32A957;}
.support-list ul li:nth-child(4) figure span{background: #2E82F1;}
.support-list ul figure figcaption{font-weight: 600; color: var(--primary);}
/* support */

/* footer */
.main-footer{position: relative; overflow: hidden;}
.ftr-logo a img { max-width: 290px; } 
.footer-top { text-align: center; margin-bottom: 56px; } 
.ftr-logo { margin-bottom: 50px; } 
.ftr-menu ul { display: flex; align-items: center; justify-content: center; margin: 0; } 
.ftr-menu ul li { margin: 0 32px; } 
.ftr-menu ul li a { color: var(--primary); font-weight: 500; font-size: 16px; } 
.ftr-menu ul li a:hover { color: var(--light-blue);}
.ftr-btm  { border-top: 1px solid #D4DCF4; padding: 30px 0; } 
.ftr-btm  p { text-align: center; margin: 0; color: #9EA5BB; font-weight: 500; font-size: 16px; }

.shaper-1 { width: 241px; height: 165px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; top: 0; left: 27%; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; z-index: -1;}

.shaper-2 { width: 241px; height: 248px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; bottom: 0; right: 12%;  border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: -1}

.shaper-3 { width: 241px; height: 353px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; bottom: 38px; left: 4%; z-index: -1;}

.shaper-4 { width: 241px; height: 672px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; top: 82px; right: 90px; z-index: -1;}

.shaper-5 { width: 241px; height: 672px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; top: 147px; left: 4%; z-index: -1;}

.shaper-6 { width: 241px; height: 353px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; bottom: 0; right: 4%; z-index: -1;}

.shaper-7 { width: 241px; height: 472px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; top: 93px; left: 4%; z-index: -1;}

.shaper-8{ width: 241px; height: 463px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute; bottom: 186px; left: 4%; z-index: -1; }

.shaper-9{ width: 241px; height: 622px; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #1044E8 , #F154FF, #1044E8) 1; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1044E8 , #F154FF, #1044E8) border-box; border-radius: 50em; border: 1px solid transparent; opacity: .19; position: absolute;     top: 630px;
    right: 8%; z-index: -1; }
/* footer */


/* @media (min-width: 576px) {
    .modal-dialog { max-width: 850px; }
} */

.team-text p:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width:1601px) {  

    .container { max-width: 1600px; } 


}

@media only screen and (max-width:1799px) {  
    
    /* .left-panel ul li{margin-bottom: 60px;}
    .left-panel ul li:nth-child(2) {margin-top: 60px;} */

    .fit-tabs .nav {width: 30%;}
    .fit-tabs .tab-content {width: 70%; padding: 30px;}
    .fit-tabs .nav-link{padding: 24px;}

    .team-wrap:after{background-size: 74%; left: 245px; bottom: -112px;}
    .shaper-9 { width: 241px; height: 412px;}
    .shaper-7 { width: 241px; height: 472px;}
    .value-line img { max-width: 130px; }
    .value-text {max-width: 480px;}
    /* .right-panel ul li span{width: 80px; height: 80px;} */
    .right-panel ul{padding-left: 62px; }
    .right-panel h6{padding-left: 62px;}
    .right-panel ul li span img { max-width: 33px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(3) { right: 69px; bottom: -51px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(2) { top: 111px; left: -80px; }
    .right-panel h6{margin-bottom: 36px;}
    .deliver-box .row:nth-child(2) .col-lg-6:last-child .value-line { right: -120px; }
    .left-panel h6{min-height: 63px; margin-bottom: 36px;}
     
}
@media only screen and (max-width:1600px) { 
    .right-panel ul li span{width: 80px; height: 80px;}
    .left-panel ul{    background-position:  80px 50%; background-size: 80%;}
    .left-panel ul li span{width: 80px; height: 80px;}
    .left-anim{right: -31px; width: 215px; height: 375px;}
    .right-anim {  width: 100px; height: 342px; left: -10px;   }
    .left-panel h6 { min-height: 61px;}
    .left-panel ul li{    margin-bottom: 74px;}
    .left-panel ul li:nth-child(2) { margin-top: 86px;}
    .left-panel ul li:nth-child(4) { margin-top: 52px;}
}

@media only screen and (max-width:1599px) { 
    .shaper-1 { width: 200px; height: 115px;}
    .shaper-2 { width: 200px; height: 168px;}
    .shaper-3 { width: 200px;}
    .shaper-4 { width: 200px; height: 600px; right: 60px;}
    .shaper-5 {width: 200px; height: 600px;}
    .shaper-6 {width: 200px; height: 353px;     bottom: 90px;}
    .ftr-logo a img { max-width: 230px;  }
    .value-line img { max-width: 109px; }
    .value-line , .deliver-box .row:nth-child(2) .col-lg-6:last-child .value-line{right: -61px;}
    .shaper-7 , .shaper-8 { width: 200px; height: 372px; } 
    .shaper-9 { width: 200px; height: 370px; right: 6%;}
    .right-panel h6{padding-left: 42px;}
    .right-panel ul { padding-left: 42px;  }
    .right-panel ul li:not(:last-child) { margin-bottom: 20px; }
    .right-panel ul li span { width: 80px; height: 80px; }
    .deliver-box .row:first-child .value-img .shape-image img:first-child { right: -67px; top: 78px; max-width: 110px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(2){max-width: 120px;}
    .deliver-box .row:last-child .value-img .shape-image img:nth-child(2) { bottom: -95px; left: 20px; max-width: 120px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(3){max-width: 270px;}
    .deliver-box .row:last-child .value-img .shape-image img:first-child { top: 80px; right: -60px; max-width: 100px; }
    .left-panel ul { background-position:  79px 29%; background-size: 80%; }
    /* .left-panel ul li { margin-bottom: 30px; }
    .left-panel ul li:nth-child(2) , .left-panel ul li:nth-child(4) { margin-top: 30px; } */
    .right-anim { width: 100px; height: 310px; left: -19px;  }
    .left-panel h6{margin-bottom: 47px;}
    .deliver-box .row:first-child .value-line{right: -120px;}
    
}
@media only screen and (max-width:1500px) {
    /* .right-anim { width: 89px; height: 226px; left: -19px; }  
    .right-panel ul li span { width: 60px; height: 60px;     margin-right: 12px;}
    .right-panel ul li{font-size: 12px;} */
    .left-panel ul li:nth-child(2), .left-panel ul li:nth-child(4) { margin-top: 71px; }
.right-anim { width: 83px; height: 307px; left: -17px; }
.left-panel h6 { margin-bottom: 31px; }

}
@media only screen and (max-width:1399px) {
.left-panel ul li { margin-bottom: 53px; }
.left-anim {         right: -23px; width: 205px; height: 241px;     top: 49%;}
.left-panel h6, .right-panel h6{margin-bottom: 30px;}
.left-panel ul li span { width: 60px; height: 60px;     border-radius: 15px;}
.left-panel ul li span img , .right-panel ul li span img{ height: 24px; }
.left-panel ul li:nth-child(2), .left-panel ul li:nth-child(4) { margin-top: 45px; }
.right-panel ul li span { width: 60px; height: 60px;     border-radius: 15px;     margin-right: 10px;}
.right-panel ul li:not(:last-child) { margin-bottom: 14px; }
.right-panel ul { padding-left: 52px; }
.right-panel ul li{font-size: 12px;}
.right-anim { width: 106px; height: 226px; left: -19px; }
.left-panel ul{    margin-top: 0px;}
.service-boxx{    padding: 30px 16px;}
.service-boxx h3 { height: 63px; }
.service-boxx p { height: 140px; }
.demoSwiper{    padding: 10px 0 0; height: 400px;}
.support-list { width: 90%;}
.deliver-box .row:first-child .value-line{right: -101px;}
.value-text .common-text h2{    max-width: 422px;}
.shaper-5 , .shaper-6{width: 170px;}
.right-anim { width: 89px; height: 226px; left: -19px; }  
    .right-panel ul li span { width: 60px; height: 60px;     margin-right: 12px;}
    .right-panel ul li{font-size: 12px;} 
}
@media only screen and (max-width:1356px) {
    .overlay-text{top: -47px; font-size: 94px;}  
    .process-list ul li{padding-bottom: 74px;}
    .process-icon {margin-right: 23px;}
    .process-details p { max-width: 310px; }
    .demo-wrap {padding: 100px 0;}
    .demoSwiper {  height: 357px; }
    .demoSwiper .swiper-slide{transform: scale(.8); height: 323px;}
    .demoSwiper .swiper-slide.swiper-slide-active{height: 306px;     transform: scale(1.2);}
    .support-heading { width: 22%; }
    .support-list { width: 100%; }
    .support-list ul li figure span{width: 40px; height: 40px; margin-right: 5px;}
    .talk-btn a{margin-left: 0;}
    .main-menu ul li { margin-right: 33px;}
    .service-boxx p { height: 130px; }
    .shaper-2 { width: 140px; height: 64px; }
    .shaper-1 { width: 140px; height: 85px; left: 11%; }
}

@media only screen and (max-width:1199px) { 
    .value-line , .shaper-3 , .shaper-4 , .team-wrap:after{display: none;}
    .fit-tabs .nav { width: 35%; }
    .fit-tabs .tab-content {width: 65%;}
    .common-padding { padding-top: 60px; padding-bottom: 60px; }
    .team-mem { width: 90px; height: 90px;}
    .shaper-7 , .shaper-8 { width: 96px; height: 188px; } 
    .shaper-9 { width: 96px; height: 188px; }

    .left-panel, .right-panel , .center-panel { width: 100%;}
    .center-panel{margin: 30px 0;}
    .right-panel{max-width: 100%;}
    .collaborate-dashboard {flex-wrap: wrap; flex-direction: column; }
    .left-panel h6, .right-panel h6{margin-bottom: 20px; text-align: center;}
    .left-panel ul{background: none; background-size: 80%; max-width: 343px; margin: 0 auto; justify-content: center;}
    .left-panel ul li{ width: 24.5%;   margin: 0 15px 15px !important; text-align: center;}
    .right-panel ul{    display: flex; flex-wrap: wrap; background: none;}
    .right-panel ul li{width: 50%; flex-wrap: wrap; flex-direction: column; margin-bottom: 15px; text-align: center;}
    .right-panel ul li span{margin-right: 0; margin-bottom: 15px;}
    .right-panel h6 { padding-left: 0; }
    .btn{padding: 16px 30px !important;}
    /* left lotte animation */
    .left-anim { transform: translateX(-7%) rotate(90deg); right: 0; left: 0px; margin: 0 auto; height: 320px; width: 179px; top: -7px;}
    /* left lotte animation */
    .right-anim{        top: -217px; height: 509px; width: 912px; transform: rotate(90deg); margin: 0 auto;         left: 0; right: 0;}
    
    .right-panel ul{padding-top: 76px; padding-left: 0; max-width: 681px;  margin: auto;}
    .right-panel ul li { width: 25%;}
    .demoSwiper { height: 310px; }
    .shaper-5{        height: 470px;}
    .teamSwiper{border-right: 0; border-left: 0;}
    .support-list ul{    width: 66%;}
    .support-heading { width: 24%; }
    .right-panel h6{margin-bottom: 34px;}
}
@media only screen and (max-width:1024px) { 
.left-anim {
    transform: translateX(0%) rotate(90deg);
    height: 320px;
    width: 161px;
    top: -32px;
}
}
@media only screen and (max-width:991px) { 
    .header-right-btn { margin-left: 30px; }
     .nav_btn { width: 50px; height: 50px; position: relative; transition: .5s ease-in-out; cursor: pointer;  z-index: 9999;  background: #f2fafd; display: flex; align-items: flex-end; justify-content: center; border-radius: 50%; flex-wrap: wrap; flex-direction: column; padding-left: 15px; padding-right: 29px; } 
    .nav_btn span { display: block; /* position: absolute; */ height: 2px; width: 14px; background: var(--black); border-radius: 0; opacity: 1; right: 0; transform: rotate(0deg); transition: .25s ease-in-out; text-align: right; margin-bottom: 5px; }
    .main-menu.open { transform: translateX(0);}
    /* .main-menu { position: fixed; transform:translateX(-360px); left: 0; top: 0; bottom: 0; z-index: 999; max-width: 360px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #fff; padding:92px 20px 0; margin:0; display:block; height: 100vh; width: 100%; transition: 250ms ease-in;} */
    .main-menu ul li { width: 100%; margin: 0; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li a { display: block; padding: 0 0 24px; }
    .nav_close { display: block; position: absolute; top: 8px; right: 10px; z-index: 999; font-size: 30px; }

    .plus, .minus { display: block; padding: 6px 5px 6px 30px; font-weight: 700; color: #000; font-size: 20px; cursor: pointer; position: absolute; right: 0; left: 0; top: 0; font-size: 25px; z-index: 9; text-align: right; } .plus { display: block; } .minus {display: none;} .open-sub > .minus {display: block;} 
    .menu-item-has-children.open-sub > .plus {display: none;} 
    .menu-item-has-children .open-sub > .minus {display: block;} 
    .menu-item-has-children.open-sub > ul.sub-menu { display: block; background: transparent} 
    .menu-dropdown .plus {  display: block;} .menu-dropdown .minus {  display: none;} 
    .menu-dropdown.open-sub > .plus {display: none;} 
    .menu-dropdown.open-sub > .minus {display: block;} 
    .main-menu ul li.menu-item-has-children li.menu-dropdown ul.super-sub-menu { display: none !important;} 
    .main-menu ul li.menu-item-has-children li.menu-dropdown.open-sub ul.super-sub-menu { display: none} 
    .menu-item-has-children:after , .menu-item-has-children > a::after{ display: none; } 
     li.menu-item-has-children > ul.sub-menu { position: inherit; top: 0; min-width: 100%; box-shadow: none; display: none;}
     li.menu-item-has-children:hover ul.sub-menu { display: none;}
     li.menu-item-has-children.open-sub ul.sub-menu {display: block;}
     /* .nav_btn span:nth-child(1) { top: 4px; }  */
     .nav_btn span:nth-child(2) { width: 20px; } 
     /* .nav_btn span:nth-child(3) { top: 24px; }  */
     .nav_btn.open span:nth-child(3) {transform: translateY(-4px) rotate(-136deg);  width: 20px;} 
     .nav_btn.open span:nth-child(2) { opacity: 0; left: -30px; } 
     .nav_btn.open span:nth-child(1) {transform: translateY(10px) rotate(135deg); width: 20px; }
     /* .header-right-btn { display: block; } */
     .navigation-bar{    padding: 7px 7px 7px 20px; -webkit-backdrop-filter:none;  backdrop-filter: none;}
    
    .demoSwiper .swiper-slide.swiper-slide-active {transform: scale(1); }
    .demoSwiper .swiper-slide{margin-right: 0 !important;}
    .fit-tabs .nav { width: 100%; margin-right: 0; margin-bottom: 20px; flex-direction: row; flex-wrap: nowrap; overflow-x: auto;}
    .fit-tabs .tab-content {width: 100%;}
    .fit-tabs .d-flex { display: block !important; }
    .fit-tabs .nav-link{min-width: calc(42% - 20px); margin-right: 20px;}
    .support-heading , .support-list { width: 100%; }
    .fit-tabs .nav-link:last-child { margin-bottom: 30px; }
    .support-flex{flex-direction: column;}
    .support-heading { margin-bottom: 20px; text-align: center;}
    .support-list ul li {  border-right: 0; text-align: left; margin-bottom: 20px; }
    .support-list ul figure{justify-content: center;}
    .support-list ul li figure span { width: 32px; height: 32px;}
    .shaper-1 , .shaper-2 , .shaper-5 , .shaper-6 , .right-panel ul:after{display: none;}
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .ftr-logo a img { max-width: 170px; }
    .ftr-menu ul{flex-wrap: wrap; flex-direction: column;}
    .ftr-menu ul li { margin: 0  0 20px; }
    .footer-top{margin-bottom: 30px;}
    .demoSwiper .swiper-slide{ margin: 0 0px;}
    .swiper-button-prev { left: 0%; }
    .swiper-button-next { right: 0%; }
    .fit-tab-content ul li{background-size: 3%;}
    .dd{flex-wrap: wrap;}
    .team-mem{    margin-right: 0; margin-bottom: 20px;}
    .team-review{padding: 30px 15px;}
    .fit-tabs .tab-content{padding: 30px 15px;}
    .demoSwiper{padding: 13px 12px 70px}
    .value-text { max-width: 100%; }
    
    .value-img{margin-bottom: 68px;}
    .talk-btn a{margin-left: 0;     padding: 14px 30px !important; display: inline-block !important;}
    .btn{    font-size: clamp(1rem, 0.333rem + 1.389vw, 2rem);}
    .center-panel figure{    border: 5px solid #000; border-radius: 9px; outline: 3px solid #4C5252;}
    .demo-wrap { padding: 50px 0; }
    .demoSwiper {  height: auto; }
    
    .demoSwiper .swiper-slide {  height: auto; }
    .value-text .common-text h2{margin-bottom: 16px;}
    .banner-tabs .nav-pills li { margin: 0 12px 15px; }
    .left-panel ul li:nth-child(2){order: 4;}
    .left-panel ul li:nth-child(4){order: 5;}
    .left-panel ul li span{ margin: 0 auto;}
    .shaper-7{top: 173px;}
    .shaper-8{    bottom: 407px;}
    .team-wrap{padding-top: 0;}
    .right-anim { /* display: none; */  top: -240px; left: 0; right: 0;  height: 567px; width: 121px; }
    .banner-wrap{padding: 125px 0 10px;}
    .demoSwiper .swiper-button-next, .demoSwiper .swiper-button-prev{top: 44%;}
    .modal-body { padding: 0px 20px 20px; }
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half{width: 100% !important;}
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block { padding: 0 !important; }
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half:not(:last-child){ margin-bottom: 15px;}
    .wpforms-container .wpforms-field{    padding: 0px 0 15px !important;}
    .support-list{flex-wrap: wrap;}
    .support-list ul { width: 100%; }
    .talk-btn a{    min-width: 140px;}
}

@media only screen and (max-width:767px) { 
    .container{max-width: 95%;}
    .swiper-button-prev { left: 35%; }
    .swiper-button-next { right: 31%; }
    .all-btns .btn { display: block; margin: 0 0 20px; }
    .fit-tab-content ul li{background-size: 18px;}
    .teamSwiper{padding: 0 0 106px; }
    .teamSwiper .swiper-button-prev {left: 31%;}
    .teamSwiper .swiper-button-next {right: 33%;}
    .demoSwiper .swiper-button-next, .demoSwiper .swiper-button-prev { top:auto; bottom: 10px; }
    .teamSwiper  .swiper-button-next, .teamSwiper  .swiper-button-prev { top:auto; bottom: 10px; }
    .left-panel ul{max-width: 320px;}
    .left-panel ul li { width: 23.9%;}
    .banner-text h1{max-width: 300px; margin: 0 auto;}
    .banner-text h1 span{display: inline-block;}
    .banner-tabs .nav-link{font-size: 14px;         margin: 0 auto;}
    .right-panel ul li span , .left-panel ul li span{width: 76px; height: 76px;}
    .banner-tabs .nav-pills{padding: 10px 0;}
    .logo-block { max-width: 110px; }
    .demoSwiper .swiper-slide.swiper-slide-active{ height: auto; }
    .support-list ul{    flex-wrap: wrap;}
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(2){left: -63px;}
    .btn{ padding: 14px 38px !important;}
    .right-panel ul{padding-left: 0;}
    .value-img{border-radius: 16px;}
    .value-img span{    width: calc(100% - 24px); transform: translateY(-14px);   height: 200px;}
    .deliver-box .row .value-img .shape-image img{max-width: 90px !important;}
    .value-img span > img{height: 100%;}
    .deliver-box .row:first-child .value-img .shape-image img:first-child { right: -32px; top: 78px;}
    .deliver-box .row:first-child .value-img .shape-image img:last-child { bottom: -60px; left: 21px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(2) { left: -34px; }
    .deliver-box .row:nth-child(2) .value-img .shape-image img:nth-child(3) { max-width: 200px !important; right: 43px; bottom: -43px;}
    .deliver-box .row:last-child .value-img .shape-image img:first-child{right: -36px;}
    .deliver-box .row:last-child .value-img .shape-image img:nth-child(2) { bottom: -65px;}

    /* .demoSwiper .swiper-slide.swiper-slide-active { } */
    .demoSwiper .swiper-slide { height: auto;}
    .all-btns .line-btn{    background: linear-gradient(66.2deg, #00A7DC 15.3%, #1044E8 84.7%); border: 0;}
    .banner-tabs .nav-pills{flex-wrap: wrap;}
    .banner-tabs .nav-pills li { margin: 0 0 15px; width: 100%;}
    .service-boxx{padding: 30px 20px;}
    .fit-tabs .nav-link{min-width: calc(80% - 20px); border-radius: 15px;  margin-bottom: 20px; padding: 17px;}
    .demo-wrap{background-attachment: scroll;}
    .value-img { margin-bottom: 44px; }
    .deliver-box .row:not(:last-child) { margin-bottom: 40px; }
    .common-text h2{margin-bottom: 10px;}

    .left-anim { right: 0; left: 0; margin: 0 auto; height: 331px; width: 140px;  top: -38px; transform: translateX(0) rotate(90deg); }
    .center-panel { margin: 9px 0 19px; }
    .right-panel ul{max-width: 100%; padding-top: 0;}
    .right-panel ul li { width: 50%;}
    .right-anim{display: none;}
    .left-panel ul li span { width: 65px; height: 65px; } 
    .left-panel ul li span img{max-width: 30px;}
    .service-boxx h3 , .service-boxx p{ height: auto; }
    .support-list ul li { width: 50%; margin-left: 0;}
    .support-list ul{justify-content: center;}
    .ftr-logo { margin-bottom: 30px; }
    .all-btns .btn { min-width: 100%; }
    .btn-close{width: 30px; height: 30px;}
    .btn-close i{font-size: 22px;}
}
       

@media only screen and (max-width:320px) { 
.left-panel ul li { width: 20.9%; } 
.left-panel ul li span { width: 65px; height: 64px; } 
.left-anim { right: 0; left: 0; margin: 0 auto; height: 330px; width: 108px; top: -53px; transform: translateX(-12%) rotate(90deg); }
}