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

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

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

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

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


:root{
  --body-font: 'Assistant';  
  --white:#ffffff;
  --black:#000000;
  --dark:#192428;
  --orange:#FD6E49;
  --purple:#7861FF;
  --yellow:#FFC324;
  --blue:#4577ED;
}




a.button,
a.button:link,
a.button:visited {
  background-color: #D14926 !important;
  color: #ffffff !important;
}

a.button:hover {
  background-color: #B93D1F !important;
}





/* 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;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 20px 20px 0;}
html, body{ -webkit-appearance:none; appearance:none; border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; right: -20px; top: 18px; width: 8px; height: 8px; background-color: #000; border-radius: 50%; content: ""; }

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding:133px 0 0 0;margin: 0;font-family: var(--body-font); font-size:26px; font-weight: 400; color: var(--black); line-height:38px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden; direction: rtl; text-align: start; background-color:#f3f3f3;}
*,*: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%;}

h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); font-weight: 600; color:var(--black); line-height:1; }


h1,.h1 {font-size:50px;}
h2,.h2 {font-size:70px; line-height: 92px; }
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:25px;}
h5,.h5 {font-size:22px;}
h6,.h6 {font-size:18px;}

p {margin-bottom:30px;}
p:last-child {margin-bottom: 0;}

strong {font-weight: 700;}
hr {border:0 #231F20 solid; border-top-width: 2px; clear: both; height: 0;}
ol {list-style: decimal;}

/* 3. Images
------------------------------------------------------------------------------*/

img {max-width: 100%; border: 0; border-style: none; height: auto;}
/* 4. Links
------------------------------------------------------------------------------*/   

a {color: #000; text-decoration:none;transition: 0.5s; display: inline-block;}
/* 5. Forms
------------------------------------------------------------------------------*/

.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin: 0 0 0 0;  padding:12px 28px 12px 28px;  border-radius:60px; background-color:#FD6E49 !important; border:1px solid transparent; display: inline-flex;align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:600; color:#fff; font-size: 20px; line-height:30px; position: relative;outline: none;box-shadow:none;text-align: center;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; cursor: pointer; justify-content: center;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:var(--purple);} 

.button.black, a.button.black, button.black, html input[type="button"].black, input[type="reset"].black, input[type="submit"].black {background-color: #231F20;}
.button.black:hover, a.button.black:hover, button.black:hover, html input[type="button"].black:hover, input[type="reset"].black:hover, input[type="submit"].black:hover {background-color: #D92948;}


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:0px 0px 30px 0;  border-radius:0px; background-color:transparent; border: 0; border-bottom:1px solid var(--black); display: inline-block; vertical-align: middle; font-family: var(--body-font); font-weight: 600;color: var(--dark); font-size:26px; line-height:38px; 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: right;}
select {height:40px;}
input::-webkit-input-placeholder {color: var(--dark);opacity:1;}
input:-moz-placeholder {color: var(--dark); opacity:1;}
input::-moz-placeholder {color: var(--dark); opacity:1;}
input:-ms-input-placeholder {color: var(--dark);opacity:1;}
textarea::-webkit-input-placeholder {color: var(--dark); opacity:1;}
textarea:-moz-placeholder {color: var(--dark); opacity:1;}
textarea::-moz-placeholder {color: var(--dark); opacity:1;}
textarea:-ms-input-placeholder {color: var(--dark); opacity:1;}

textarea {resize: none;}


fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/

table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/

.container{max-width: 1671px; 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%;} 
.d-flex{ display:flex;}
.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;}

/** hamburger mobile menu **/

.hamburger {padding: 0;height: 32px;width: 32px; border-radius: 50%; border: none;outline: none !important;background-color: #f5f5f5; position: relative;z-index: 9999;display: none;}
.hamburger .hamburger_inner, .hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {width: 14px;height: 2px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;border-radius: 4px;background-color: var(--black); position: absolute;right: 0;left: 0;}
.hamburger .hamburger_inner{transition: top 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);top: 0;bottom: 0;margin: auto;}
.hamburger .hamburger_inner:after, .hamburger .hamburger_inner:before {display: block;content: "";}
.hamburger .hamburger_inner:before {transition: top 75ms ease 0.12s,opacity 75ms ease;top: -5px;}
.hamburger .hamburger_inner:after {transition: bottom 75ms ease 0.12s,transform 75ms cubic-bezier(.55,.055,.675,.19);bottom: -5px;}
.hamburger.active .hamburger_inner {transition: top 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(-45deg);top: 0;background-color: var(--black);}
.hamburger.active .hamburger_inner:before {top: 0;transition: top 75ms ease,opacity 75ms ease 0.12s;opacity: 0;background-color: var(--black);}
.hamburger.active .hamburger_inner:after {bottom: 0;transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;transform: rotate(90deg);background-color: var(--black);}

/** hamburger mobile menu end **/

/* lenis scroll */
/* html.lenis, html.lenis body { height: auto; } */

.header{padding:31px 0; position: fixed; left: 0; top: 0; right: 0; z-index: 10; background-color: #f3f3f3;}
.header-in{padding: 0; display: flex; justify-content: space-between; align-items: center;}

.logo{padding: 0;}
.logo a{display: inline-block; vertical-align: middle;}
.logo img{vertical-align: middle; object-fit: contain; max-width: 162px; }

.project-btn{padding: 0; margin: 0 auto 0 30px; }

.left-menu-part{padding: 0;}

.menu-btn{padding: 0;}
.menu-btn .link{display: inline-block; vertical-align: middle; background:transparent !important; padding:0px;}
.close-btn{ background:transparent !important; padding:0;}
.menu-btn .link img{vertical-align: middle; object-fit: contain; max-width: 47px; }



.left-menu{max-width: 650px; width: 100%; position: fixed; left: -100%; top: 0; bottom: 0; background: var(--white); z-index: 9; overflow: auto; transition: all 0.5s; }
.left-menu-part.open .left-menu{left: 0;}

.menu-close{padding: 0; position: absolute; right: 3px; top: 6px; }
.menu-close a{display: inline-block; vertical-align: top;}
.menu-close img{object-fit: contain; vertical-align: top; max-width: 66px; }

.logo-menu{padding: 23px 0 0 48px; text-align: left;}
.logo-menu a{display: inline-block; vertical-align: top; }
.logo-menu img{vertical-align: top; object-fit: contain; max-width: 103px; }

.left-menu-list{padding: 58px 48px 44px 48px;}
.left-menu-list ul{padding: 0; margin: 0;}
.left-menu-list ul li{padding: 0px 0; margin: 0; list-style: none; border-bottom: 1px solid #F2F2F2; }
.left-menu-list ul li:last-child{border-bottom: 0;}
.left-menu-list ul li::before{display: none;}
.left-menu-list ul li a{font-size: 40px; line-height: 60px; font-weight: 300; color:#2C2C2C; padding: 30px 0; display: block;}
.left-menu-list ul li a:hover{box-shadow: 0px 3px 0 var(--yellow); }

.follow-box{padding:31px 0 81px 0; text-align: center; border-top: 1px solid #EEEEEE;}
.follow-box h3{font-size: 22px; line-height: 32px; color: #191919; margin: 0; padding: 0 0 24px 0; font-weight: 400;}

.follow{padding: 0; display: flex; justify-content: center; align-items: flex-start;}
.follow a{display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; border-radius: 15px; background-color: #191919; margin: 0 6px;}
.follow a img{vertical-align: middle; object-fit: contain; max-width: 32px;}
.follow a:hover{background-color: var(--orange);}

.banner-section{padding:67px 0 154px 0; } 

.banner-part{padding: 0 40px; display: flex; justify-content: flex-start; align-items: flex-start; }

.left-banner{padding: 0; max-width: 650px; flex: 0 0 650px; margin: 0 70px 0 0; position: relative;}
.left-banner .image{padding:99.077% 0 0 0; position: relative; 
mask-image: url(../images/banner-mask.png); mask-repeat: no-repeat; mask-size: contain; 
-webkit-mask-image: url(../images/banner-mask.png); }
.left-banner .image img,
.left-banner .image video,
.left-banner .image iframe{vertical-align: top; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; height: 100%; }
.left-banner .star{padding: 0; position: absolute; right: 0; bottom: 0; display: none;}
.left-banner .star img{vertical-align: top; object-fit: contain; max-width: 320px; }

.right-banner{padding: 0; flex: 1; }
.right-banner h1{font-size: 130px; line-height: 130px; color: var(--black); margin: -36px 0 0 0; padding: 0 0 75px 0; font-weight: 700; position: relative; }
.right-banner h1 strong{color:#FD6E49; font-weight: 700;}
.right-banner h1 em{background: url(../images/title-star.svg) 0 0 no-repeat; width: 25px; height: 25px; content: ""; 
display: inline-block; vertical-align: bottom; margin: 0px -20px 20px 0px; }

.banner-sub-text{padding: 0 50px 0 0; position: relative; color: var(--dark); font-weight: 600; max-width: 600px; }
.banner-sub-text::before{background: url(../images/star-half.svg) 0 0 no-repeat; width: 31px; height: 58px; content: ""; position: absolute; right: 0; top: 0;}
.banner-sub-text p{font-size: 26px; line-height: 38px; color: var(--dark); margin: 0; padding: 0; font-weight: 600; }

.case-studies-section{padding:20px 0 125px 0; }

.cs-top-text{padding: 0 0 93px 0; display: flex; justify-content: space-between; align-items: center; }
.cs-top-text h2{padding: 0; }
.cs-top-text h2 strong{width: 80px; height: 80px; border-radius: 50%; display: inline-block; vertical-align: middle; border: 1px solid #AFAFAF; text-align: center; font-size: 36px; 
line-height: 78px; font-weight: 400; margin: 0 25px 0 0; color: var(--dark);}
.cs-top-text .text{padding: 0 0 0 140px; flex: 0 0 40%; max-width: 40%; }
.cs-top-text p{font-weight: 600; }

.case-studies-slider{padding: 0 135px 0 0px; overflow: hidden;}
.case-studies-slider .swiper{overflow: visible; padding-left: 380px;}


.box-cs{padding: 40px; display: flex; justify-content: flex-start; align-items: flex-start; background-color: var(--purple); border-radius: 50px; }
.box-cs .image{padding: 34.273% 0 0 0; max-width: 740px; flex: 0 0 740px; position: relative; }
.box-cs .image img{vertical-align: top; width: 100%; object-fit: cover; object-position: center; height: 100%; border-radius: 30px; position: absolute; left: 0; top: 0; }
.box-cs .text{padding: 0 70px 0 30px; color: var(--white); font-size: 19px; line-height: 26px; flex: 1; font-weight: 600; position: relative; align-self: stretch; }
.box-cs .text::before{background: url(../images/star-white-cs.svg) 0 0 no-repeat; content: ""; position: absolute; left: -13px; bottom: -13px; width: 69px; height: 69px; }
.box-cs .text h3{font-size: 60px; line-height: 78px; color: var(--white); margin: 0; padding: 0; font-weight: 800; }
.box-cs .text p{font-size: 19px; line-height: 26px; color: var(--white); margin: 0; padding: 0 0 28px 0; font-weight: 600;}
.box-cs .text .btns{padding: 0; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; }
.box-cs .text .btns .button{background: transparent; font-size: 15px; line-height: 22px; font-weight: 400; border: 1px solid var(--white); padding: 12px 18px; }
.box-cs .text .btns .button:hover{background: var(--orange);}

.engagement-section{padding:30px 0 103px 0; }
.engagement-section h2{text-align: center; line-height: 100px; padding: 0 0 60px 0;}
.engagement-section h2 strong{font-weight: 600; color: var(--blue); }

.engagement-part{padding: 0; overflow: hidden; }
.engagement-part ul{padding: 0; margin: 0 -60px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.engagement-part ul li{padding: 0 60px; margin: 0; flex: 0 0 20%; max-width: 20%; }
.engagement-part ul li::before{display: none; }
.engagement-part ul li .box{padding: 0; max-width: 220px; margin: 0 auto 66px auto; }
.engagement-part ul li .box .image{padding: 0; position: relative;}
.engagement-part ul li .box .image img{vertical-align: top; width: 100%; object-fit: contain; mix-blend-mode: darken;}


.services-section{padding: 0 0 148px 0;}

.services-part{padding: 0; max-width: 1500px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}

.right-srv{padding: 0 0 0 70px; flex: 1; }
.right-srv .title-text{padding: 0 0px 0 0; position: relative; font-weight: 600;}
.right-srv .title-text::before{width: 71px; height: 132px; content: ""; background: url(../images/title-star-services.svg) 0 0 no-repeat; position: absolute; right: -91px; top: 0; }
.right-srv .title-text h2{font-weight: 700; margin: 0; padding: 0 0 38px 0; line-height: 1;}
.right-srv .title-text p{color: var(--black); font-weight: 600;}

.left-srv{padding: 0; flex: 0 0 820px; max-width: 820px;}

.serives-list{padding: 0;}
.serives-list ul{padding: 0; margin: 0 -10px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.serives-list ul li{padding: 0 10px; margin: 0; list-style: none; flex: 0 0 50%; max-width: 50%; align-self: stretch;}
.serives-list ul li::before{display: none;}
.serives-list ul li .box{padding:40px 30px 50px 30px; border: 5px solid var(--purple); border-radius: 50px; font-weight: 600; margin-bottom: 20px; height: calc(100% - 20px); }
.serives-list ul li .box .icon{padding: 0; margin-bottom: 25px; max-width: 91px; }
.serives-list ul li .box .icon img{vertical-align: top; max-width: 91px; object-fit: contain; }
.serives-list ul li .box h3{font-size: 37px; line-height: 38px; color: var(--purple); margin: 0; padding: 0 0 5px 0; font-weight: 700; }
.serives-list ul li .box p{font-size: 20px; line-height: 35px; font-weight: 600; margin: 0; padding: 0; color: var(--black); }

.serives-list ul li:nth-child(2) .box{border-color: var(--yellow);}
.serives-list ul li:nth-child(2) .box h3{color: var(--yellow);}
.serives-list ul li:nth-child(3) .box{border-color: var(--blue);}
.serives-list ul li:nth-child(3) .box h3{color: var(--blue);}
.serives-list ul li:nth-child(4) .box{border-color: var(--orange);}
.serives-list ul li:nth-child(4) .box h3{color: var(--orange);}


.testimonial-section{padding:77px 0 77px 0; background-color: var(--purple); color: var(--white);}

.testimonial-top-text{padding: 0 0 53px 0; display: flex; justify-content: space-between; align-items: center; }
.testimonial-top-text h2{color: var(--white); font-size: 80px; line-height: 97px; font-weight: 400; letter-spacing: -2px; }
.testimonial-top-text h2 strong{background-color: var(--orange); line-height: 77px; display: inline-block; font-weight: 400; padding: 6px 58px; transform: rotate(1.36deg);
     vertical-align: bottom; margin: 0 10px 0 0; }
.testimonial-top-text .icon{padding: 0; }
.testimonial-top-text .icon img{vertical-align: top; object-fit: contain; max-width: 200px; }


.testimonial-slider{padding: 0;}


.box-testimonial{padding: 34px; margin-bottom: 77px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 30px; }
.box-testimonial .coma{padding: 0; margin-bottom: 24px;}
.box-testimonial .coma img{vertical-align: top; object-fit: contain; max-width: 86px; }
.box-testimonial p{font-size: 26px; line-height: 34px; color: var(--white); margin: 0; padding: 0; font-weight: 600; }

.testim-user-name{padding: 0; display: flex; justify-content: flex-start; align-items: center; margin: 34px 0 0 0;}
.testim-user-name .image{padding: 0;}
.testim-user-name .image img{vertical-align: top; object-fit: contain; max-width: 132px; max-height: 57px;}
.testim-user-name .text{padding: 3px 18px 3px 0; margin: 0 18px 0 0; border-right: 1px solid var(--white);}
.testim-user-name .text h3{font-size: 26px; line-height: 34px; color: var(--white); margin: 0; padding: 0; font-weight: 800; }
.testim-user-name .text h4{font-size: 18px; line-height: 24px; font-weight: 400; color: var(--white); margin: 0; padding: 0; }

.testimonial-slider .swiper-pagination{bottom: 0px !important; }
.swiper-pagination-bullet{width: 21px; height: 12px; border-radius: 3px; background: rgba(255, 255, 255, 0.2); opacity: 1; margin: 0 2px 0 2px !important; vertical-align: bottom;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--white); width: 62px; }

.footer{background: #191919; padding: 83px 0 0px 0; }

.copyright{padding: 166px 0 36px 0; text-align: center; color: var(--white); font-weight: 600;}
.copyright p{color: var(--white); font-weight: 600; margin: 0; padding: 0;}

.footer-logo{text-align: center; padding: 0;}
.footer-logo img{vertical-align: top; object-fit: contain; max-width: 774px; }

.talk-box{padding: 150px 98px 150px 80px; border-radius: 80px; background: var(--orange); max-width: 1520px; margin: 0 auto; display: flex; justify-content: space-between; 
 align-items: center; }
.talk-box .text{padding: 0; }
.talk-box .text h2{font-size: 150px; line-height: 140px; color: var(--white); margin: 0; padding: 0 0 5px 0; font-weight: 700;}
.talk-box .text p{font-size: 60px; line-height: 73px; color: var(--white); margin: 0; padding: 0; font-weight: 600; }
.talk-box .btn{padding: 0;}
.talk-box .btn .link{background: url(../images/arrow-link.svg) center center no-repeat rgba(255, 255, 255, 0.80); width: 156px; height: 156px; display: inline-block;
border-radius: 50%; }
.talk-box .btn .link:hover{background-color: rgba(255, 255, 255, 1);}

.page-banner-section{padding: 30px 0 45px 0;}
 
.page-banner-part{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.page-banner-part .right-cl{padding: 0; flex: 0 0 842px; max-width: 842px; }
.page-banner-part .right-cl h1{font-size: 170px; line-height: 160px; color: var(--black); margin: 0; padding: 0 0 27px 0; font-weight: 700;}
.page-banner-part .right-cl h1 strong{color: var(--orange);}
.page-banner-part .right-cl h1 span{font-size: 100px; display: block; line-height: 100px;}
.page-banner-part .right-cl h1 em{background: url(../images/title-star.svg) 0 0 no-repeat; width: 25px; height: 25px; content: ""; 
display: inline-block; vertical-align: bottom; margin: 0px -20px 10px 0px;}

.page-banner-part .left-cl{flex: 1; padding: 0 20px 80px 0;}
.page-banner-part .banner-sub-text{margin-right: auto; max-width: 562px; }

.tab-item{display: none;}
.tab-item.active{display: block;}


.tab-menu{padding: 0; }
.tab-menu ul{padding: 0; margin: 0; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.tab-menu ul li{padding: 0; margin: 0 24px; list-style: none; font-size: 25px; line-height: 35px; color: var(--black); font-weight: 600;}
.tab-menu ul li::before{display: none; }
.tab-menu ul li a{color: var(--black); padding: 0 6px 38px 6px; display: inline-block; vertical-align: top; border-bottom: 1px solid transparent;}
.tab-menu ul li a:hover{color: var(--orange); border-color: var(--orange);}
.tab-menu ul li a.activelink{color: var(--orange); border-color: var(--orange);}

.tab-content{padding: 55px 0 0 0;}

.portfolio-section{padding: 38px 0 74px 0; }

.link-overlay{position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}

.portfolio-list{padding: 0;}
.portfolio-list ul{padding: 0; margin: 0 -10px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.portfolio-list ul li{padding: 0 10px; margin: 0; list-style: none; flex: 0 0 50%; max-width: 50%; }
.portfolio-list ul li::before{display: none;}
.portfolio-list ul li .box{padding: 0; position: relative; margin-bottom: 61px;}
.portfolio-list ul li .box .image{padding: 66.133% 0 0 0; position: relative; overflow: hidden; border-radius: 30px;}
.portfolio-list ul li .box .image::before{background: url(../images/star-white-cs.svg); width: 69px; height: 69px; content: ""; position: absolute; left: 21px; bottom: 21px; z-index: 1;}
.portfolio-list ul li .box .image img{vertical-align: top; border-radius: 30px; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; 
transition: all 0.5s;}
.portfolio-list ul li .box .text{padding:32px 0 0px 0; }
.portfolio-list ul li .box .text h2{font-size: 35px; line-height: 46px; color: var(--black); margin: 0; padding: 0; font-weight: 600; }

.portfolio-list ul li .box:hover .image img{transform: scale(1.1);}


.cnt-title-star{padding: 0; text-align: left;}
.cnt-title-star img{vertical-align: top; object-fit: contain; max-width: 176px;}

.page-banner-section.contact .right-cl{padding: 0 0 74px 0; }
.page-banner-section.contact .left-cl{padding: 47px 0 0 0; }

.contact-section{padding: 61px 0 186px 0;}

.types-box{padding: 0px 0 117px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: flex-start;}
.types-box .title{padding: 0 0 0 95px; flex: none;}
.types-box .title h2{font-weight: 700; line-height: 80px;}

.type-list{padding: 0;}
.type-list ul{padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 30px 65px;}
.type-list ul li{padding: 0; margin: 0; list-style: none;}
.type-list ul li::before{display: none;}
.type-list ul li .box{padding: 0; position: relative; }
.type-list ul li .box input{cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; left: 0; font-size: 0; border-radius: 80px; opacity: 0;}
.type-list ul li .box .link{border: 1px solid #AFAFAF; border-radius: 80px; font-size: 28px; line-height: 42px; font-weight: 600; color: var(--dark); 
display: inline-block; vertical-align: top; padding: 18px 39px; }
.type-list ul li .box input:checked + .link{background: var(--orange); border-color: var(--orange); color: var(--white);}

.contact-part{padding:128px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.contact-part .title{padding: 0; position: relative; flex: 1; }
.contact-part .title::before{background: url(../images/title-star-services.svg) 0 0 no-repeat; width: 71px; height: 132px; content: ""; position: absolute; top: -21px; right: -110px; }
.contact-part .title h2{font-weight: 700; line-height: 80px; }

.contact-form{padding: 0; flex: 0 0 949px; max-width: 949px; margin: 0 30px 0 0;}
.contact-form .form-group:first-child{padding-top: 20px;}
.form-group{margin-bottom: 0; padding: 75px 0 0px 0;}

.submit-btn{padding:75px 0 0 0; text-align: left;}
.submit-btn .button{font-size: 28px; padding: 24px 66px;}

.contact-map-section{padding: 0;}
.contact-map-section iframe{vertical-align: top; width: 100%; height: 759px; }

.address-section{padding:0 0 109px 0; }

.address-part{padding:109px 0 0 0; max-width: 1360px; margin: 0 auto;}
.address-part ul{padding: 0; margin: 0 -10px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: center;}
.address-part ul li{padding: 0 10px; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; }
.address-part ul li::before{display: none;}
.address-part ul li .box{padding: 40px 30px 82px 30px; background-color: var(--yellow); border-radius: 50px; }
.address-part ul li .box .icon{margin: 0 0 27px 0; }
.address-part ul li .box .icon img{vertical-align: top; object-fit: contain; max-width: 91px; width: 100%;}
.address-part ul li .box h3{margin: 0; padding: 0; font-size: 37px; line-height: 60px; color: var(--white); font-weight: 700;}
.address-part ul li .box p{margin: 0; padding: 0; font-size: 35px; line-height: 60px; color: var(--white); font-weight: 400;}
.address-part ul li .box p a{color: var(--white);}
.address-part ul li .box p a:hover{text-decoration: underline;}

.address-part ul li:nth-child(2) .box{background-color: var(--purple);}
.address-part ul li:nth-child(3) .box{background-color: var(--orange);}

.visit-part{padding:91px 20px 124px 20px; text-align: center; background: var(--white); border-radius: 63px; max-width: 747px; margin: -231px auto 0 auto; position: relative; z-index: 1;}
.visit-part h2{font-size: 20px; line-height: 31px; color: var(--dark); margin: 0; padding: 0; font-weight: 600;}
.visit-part h3{font-size: 70px; line-height: 90px; color: var(--black); margin: 0; padding: 0 0 19px 0; font-weight: 600;}
.visit-part h3 strong{color: var(--orange); font-weight: 600;}
.visit-part p{font-size: 24px; line-height: 29px; color: var(--black); margin: 0; padding: 0; font-weight: 600; }
.visit-part .box{padding: 0; display: flex; justify-content: center; align-items: center;}
.visit-part .box img{vertical-align: middle; object-fit: contain; max-width: 18px; margin: 0 0 0 15px; }



.blog-section{padding:61px 0 146px 0; }

.blog-part{padding: 0 0 87px 0; max-width: 1436px; margin: 0 auto; overflow: hidden;}
.blog-part ul{padding: 0; margin: 0 -68px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.blog-part ul li{padding: 0 68px; margin: 0; flex: 0 0 50%; max-width: 50%; }
.blog-part ul li::before{display: none; }
.box-blog{padding: 0; margin-bottom: 58px; position: relative;}
.box-blog .image{padding: 66.155% 0 0 0; position: relative; border-radius: 30px; overflow: hidden; }
.box-blog .image::before{background: url(../images/star-blog.svg) center center no-repeat; content: ""; width: 159px; height: 159px; position: absolute; left: 13px; bottom: 12px; z-index: 1; background-size: 100%;}
.box-blog .image img{vertical-align: top; width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: center; transition: all 0.5s;}
.box-blog .text{padding: 19px 16px 0 16px; color: var(--black); }
.box-blog .text h3{font-size: 35px; line-height: 46px; color: var(--black); margin: 0; padding: 0 0 14px 0; font-weight: 600; }
.box-blog .text p{font-size: 21px; line-height: 38px; color: var(--black); margin: 0; padding: 0; font-weight: 600;}
.box-blog .text .read-link{padding:40px 0 0 0;}
.box-blog .text .read-link .link{font-size: 21px; line-height: 38px; color: var(--orange); display: inline-block; font-weight: 600; 
background: url(../images/read-link-icon.svg) right center no-repeat; padding: 0 26px 0 0;}


.blog-info{padding: 0 0 17px 0; display: flex; justify-content: flex-start; align-items: center;}
.blog-info .one{padding: 0 0 0 32px; color: #868686; font-weight: 400; font-size: 15px; line-height: 20px; display: flex; align-items: center; justify-content: flex-start;}
.blog-info .one img{vertical-align: middle; object-fit: contain; max-width:18px; margin: 0 0 0 5px;}
.blog-info .one strong,
.blog-info .one span{font-size: 15px; line-height: 20px; color: #868686; font-weight: 400;}


.box-blog:hover .image img{transform: scale(1.1);}

.loadmore-btn{padding: 0; text-align: center; }
.loadmore-btn .link{padding: 0; font-size: 24px; line-height: 31px; color: var(--dark); font-weight: 600; display: inline-flex; flex-flow: column; align-items: center;}
.loadmore-btn .link .icon{width: 80px; height: 80px; border: 1px solid #AFAFAF; border-radius: 50%; display: inline-block; vertical-align: top; margin: 0 auto 17px auto; 
background: url(../images/down-arrow.svg) center center no-repeat; }

.article-section{padding:24px 0 305px 0; position: relative;}
.article-section::before{background: url(../images/star-article.svg) 0 0 no-repeat; content: ""; position: absolute; left: 0; top: 695px; z-index: 0; width:481px; height: 893px; 
background-size: 100%; }

.article-part{padding: 0;}
.article-part .image{padding: 0; position: relative; height: 430px; border-radius: 30px; overflow: hidden;}
.article-part .image::before{background: url(../images/star-blog.svg) center center no-repeat; content: ""; width: 159px; height: 159px; position: absolute; left: 13px; bottom: 12px; z-index: 1; background-size: 100%;}
.article-part .image img,
.article-part .image video{width: 100%; vertical-align: top; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; }

.article-part .text{padding:37px 138px 0 0; color: var(--black); max-width: 1227px; }
.article-part .text h2{font-size: 35px; line-height: 46px; color: var(--black); font-weight: 600; margin: 0; padding: 0 0 36px 0;}
.article-part .text p{font-size: 26px; line-height: 38px; color: var(--black); font-weight: 400; margin: 0; padding: 0 0 36px 0;}
.article-part .text p strong{color: var(--black); font-weight: 700;}


.article-part .blog-info{padding: 0 0 30px 0;}


.morepost-section{padding: 0 0 133px 0; }
.morepost-section .cs-top-text .text{padding: 0 0 0 30px; max-width: 410px;}

.morepost-section .cs-top-text{padding-right: 138px; padding-bottom: 66px;}

.morepost-slider-part{padding: 0 0px 0 0; overflow: hidden;}
.morepost-slider-part .swiper{padding: 0 277px 0 242px; overflow: visible; }
.morepost-slider-part .box-blog{margin-bottom: 76px;}

.swiper-scrollbar{background: #CFCFCF; height: 1px !important; max-width: 1249px; margin: 0 auto 0 345px;}
.swiper-scrollbar .swiper-scrollbar-drag{top: -1px; bottom: -1px; height: calc(100% + 2px); background: var(--yellow);}

.banner-section.about{padding-bottom: 134px;}
.banner-section.about .left-banner{flex: 0 0 695px; max-width: 695px; }
.banner-section.about .left-banner .image{mask-image: url(../images/about-banner-mask.png); -webkit-mask-image: url(../images/about-banner-mask.png); padding: 95.877% 0 0 0; }
.banner-section.about .banner-part{padding: 0 20px; }

.company-section{padding: 0 0 144px 0; }

.abt-title{padding: 0 0 134px 0; text-align: center; max-width: 1366px; margin: 0 auto; }
.abt-title h2{line-height: 100px; color: var(--dark); }
.abt-title h2 strong{color: var(--blue); font-weight: 600; }

.company-list{padding: 0; overflow: hidden;}
.company-list ul{padding: 0; margin: 0 -100px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.company-list ul li{padding: 0 100px; margin: 0; list-style: none; flex: 1;  }
.company-list ul li::before{display: none; }
.company-list ul li .box{padding: 0 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.company-list ul li .box .icon{padding: 0; margin: 30px 0 0 20px; max-width: 93px; }
.company-list ul li .box .icon img{vertical-align: top; object-fit: contain; max-height: 174px; }
.company-list ul li .box .text{padding: 0; flex: 1;}
.company-list ul li .box .text h3{font-size: 70px; line-height: 90px; color: var(--black); margin: 0; padding: 0 0 25px 0; font-weight: 700; }
.company-list ul li .box .text p{font-size: 26px; line-height: 38px; color: var(--dark); margin: 0; padding: 0; font-weight: 600; }

.company-list ul li:first-child{max-width: 830px; }


.team-section{padding: 0 0 225px 0; }
.team-section .abt-title{display: none;}
.team-section .abt-title h2{line-height: 80px; }

.team-list{padding: 0 0 44px 0; max-width: 1217px; margin: 0 auto; overflow: hidden; display: none;}
.team-list ul{padding: 0; margin: 0 -64px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.team-list ul li{padding: 0 64px; margin: 0; list-style: none; flex: 0 0 33.33%; max-width: 33.33%; }
.team-list ul li::before{display: none; }
.team-list ul li .box{padding: 0; text-align: center; margin-bottom: 60px;}
.team-list ul li .box .image{padding: 0; border-radius: 15px; position: relative; overflow: hidden; height: 370px; }
.team-list ul li .box .image img{vertical-align: top; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.team-list ul li .box .icon{padding: 0; width: 130px; height: 130px; border-radius: 30px; background-color: var(--yellow); display: flex; justify-content: center; align-items: center;
/* margin: -102px auto 0 auto; */
margin: 0 auto;
 position: relative; z-index: 1;}
.team-list ul li .box .icon img{vertical-align: middle; object-fit: contain; max-width: 92px; }
.team-list ul li .box h3{font-size: 30px; font-weight: 700; color: var(--black); margin: 0; padding: 35px 0 30px 0; line-height: 1; }
.team-list ul li .box p { font-size: 23px; line-height: 34px; color: #2f3d43; margin: 0; padding: 0; font-weight: 600; }

.team-list ul li:nth-child(2) .box .icon{background-color: var(--purple);}
.team-list ul li:nth-child(3) .box .icon{background-color: var(--orange);}

.vision-part{padding:26px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; }
.vision-part .title{padding: 0; flex: 0 0 719px; max-width: 719px; }
.vision-part .title h2{font-size: 90px; line-height: 90px; color: var(--dark); margin: 0; padding: 0; font-weight: 600; }
.vision-part .title h2 strong{font-weight: 600; display: inline-block; 
background: linear-gradient(89.71deg, #FD6E49 43.59%, #7861FF 108.48%);
background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vision-part .text{padding: 0 112px 0 0; flex: 1; position: relative; }
.vision-part .text::before{background: url(../images/star-half.svg) 0 0 no-repeat; background-size: 100%;
    width: 71px;
    height: 132px;
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
}
.vision-part .text p{font-size: 26px; line-height: 38px; color: var(--dark); font-weight: 600; }


.values-section{padding: 0 0 146px 0;}
.values-section h2{font-size: 90px; line-height: 90px; color: var(--dark); margin: 0; padding: 0 0 42px 0; font-weight: 600; }
.values-section h2 strong{font-weight: 600; display: inline-block;
   background: linear-gradient(64.71deg, #FD6E49 43.59%, #7861FF 170.48%);
   background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.values-list{padding:11px 0 0 0; overflow: hidden;} 
.values-list ul{padding: 0; margin: 0 -25px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.values-list ul li{padding: 0 25px; margin: 0; list-style: none; flex: 0 0 27.795%; max-width: 27.795%; align-self: stretch;}
.values-list ul li::before{display: none;}
.values-list ul li .box{padding: 10px; background: var(--orange); border-radius: 50px; margin-bottom: 42px; overflow: hidden; height: calc(100% - 42px); }
.values-list ul li .box .box-in{background: inherit; padding: 30px 20px 79px 20px; border-radius: 40px; height: 100%; }
.values-list ul li .box .box-in .icon{padding: 0; margin-bottom: 25px; }
.values-list ul li .box .box-in .icon img{vertical-align: top; max-width: 91px; object-fit: contain;}
.values-list ul li .box .box-in h3{color: var(--white); font-size: 35px; line-height: 38px; margin: 0; padding: 0 0 4px 0; font-weight: 700; }
.values-list ul li .box .box-in p{color: var(--white); font-size: 21px; line-height: 35px; margin: 0; padding: 0; font-weight: 400;}

.values-list ul li:first-child{flex: 0 0 44.353%; max-width: 44.353%;}
.values-list ul li:first-child .box{background: linear-gradient(89.71deg, #FD6E49 43.59%, #7861FF 98.48%); }
.values-list ul li:first-child .box .box-in{background: #f3f3f3; color: var(--dark);}
.values-list ul li:first-child .box .box-in h3{color: var(--dark);}
.values-list ul li:first-child .box .box-in p{color: var(--dark);}

.values-list ul li:nth-child(3) .box{background: var(--purple);}
.values-list ul li:nth-child(4) .box{background: var(--purple);}
.values-list ul li:nth-child(5) .box{background: var(--blue);}

.values-list ul li:last-child{flex: 0 0 44.353%; max-width: 44.353%;}
.values-list ul li:last-child .box{background: var(--yellow);}
.values-list ul li:last-child .box .box-in{background: var(--yellow);}

.engagement-section.about h2{padding: 0 0 128px 0; line-height: 113px; color: var(--dark); }
.engagement-section.about h2 strong{ display: inline-block;
   background: linear-gradient(89.51deg, #d686a2 10.8%, #b899e7 100.9%);
   background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.engagement-section.about .engagement-part{max-width: 1300px; margin: 0 auto; }
.engagement-section.about .engagement-part ul{margin: 0 -36px; }
.engagement-section.about .engagement-part ul li{padding: 0 36px; }
.engagement-section.about .engagement-part ul li .box{margin: 0 auto 30px auto;}


.page-not-found-section{padding: 140px 0; text-align: center;}

.page-not-found-part{padding: 0;}
.page-not-found-part h2{margin: 0; padding: 0 0 20px 0; direction: ltr;}
.page-not-found-part h2 strong{display: block; color: var(--orange);}

.default-page-section{padding: 60px 0;}

.default-page-part{padding: 0; color: var(--black);}

.default-page-part h1{font-size: 50px; line-height: 50px; margin: 0; padding: 0 0 20px 0;}
.default-page-part h2{font-size: 40px; line-height: 50px; margin: 0; padding: 0 0 20px 0;}
.default-page-part p{margin: 0; padding: 0 0 20px 0;}
.default-page-part p a{font-weight: 600; text-decoration: underline;}
.default-page-part p a:hover{text-decoration: none;}

.cnt-success-box{padding: 30px; border-radius: 5px; text-align: center; direction: ltr; border: 1px solid #509955; background: #deeed7;}
.cnt-success-box h2{color: #37753b; padding-bottom: 10px;}
.cnt-success-box p{color: #37753b;}

.footer-follow-box .follow-box {
    border: 0 !important;
    padding: 0px 0 0px 0;
}
.single-project .article-part .text{padding-right: 0; max-width: inherit;}
.single-project .article-part .text p img{width: 100%;}