@charset "UTF-8";
:root{--primary:#c9f31d;--secondary:#2c2c2c;--black:#000;--black-2:#121212;--black-3:#555;--black-4:#1d1d1d;--black-5:#343434;--black-6:#262626;--black-7:#555555;--black-13:#666;--white:#fff;--white-2:#efefef;--white-3:#e9e9e9;--white-4:#f0f0f0;--white-5:#fbfbfb;--white-6:#d7d7d7;--white-7:#F5F5F5;--gray:#c2c2c2;--gray-2:#999;--gray-3:#a8a8a8;--gray-4:#f6f6f6;--gray-5:#bbb;--gray-6:#2b2b2b;--gray-7:#b9b9b9;--gray-8:#8E8E8E;--gray-9:#aaa;--gray-10:#7c7c7c;--gray-11:#D9D9D9;--gray-12:#383838;--gray-13:#ccc;--gray-14:#dfdfdf;--gray-15:#C0C0C0;--gray-16:#939393;--pink:#FAEDE9;--pink-2:#FF9776;--pink-3:#F3ECEC;--pink-4:#FFFAF0;--pink-5:#E0E3CC;--bg-line:#1e1e1e;--d-gray:#6A6A6A;--d-black:#1A1A1A;--d-black-2:#171717;--d-black-3:#1A1A1A}
@font-face{font-family:newYork;src:url(https://wealcoder.com/assets/fonts/newyork/FontsFree-Net-NewYork.ttf);font-weight:400}

main{display:block;position:relative;z-index:1}
.hero__form-panel-wrap{position:relative;z-index:1;margin:0 auto 20px;}
.hero__form-title-wrap{margin-bottom:10px;text-align:center}
.hero__form-title{font-size:28px;line-height:1.2;font-weight:600;margin:0;display:inline-block;padding:8px 14px;background:#c9f31d;border-radius:8px;box-shadow:0 8px 18px rgba(201,243,29,.22)}
.hero__form-title span{color:#121212}
.hero__form-panel{background:#f9f9f9;border:1px solid #ececec;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.06);padding:16px 20px 30px;max-width:100%;margin:0 auto}
.hero__form-panel .contact__form form{margin:0}
.hero__form-panel .contact__form .row.g-3{margin-bottom:5px}
.hero__form-panel .contact__form .row.g-3:last-child{margin-bottom:0}
.hero__form-panel .contact__form input,

.hero__form-panel .contact__form .btn_wrapper{height:auto;margin:0 0 25px;justify-content:flex-start}
.hero__form-panel .contact__form .btn_wrapper .wc-btn-primary{width:100%;max-width:170px;height:50px;padding:0 16px;font-size:15px;border-radius:0!important;border:1px solid #c9f31d;background:#c9f31d;color:#111;display:flex;align-items:center;justify-content:center;gap:8px}
.hero__form-panel .contact__form .btn_wrapper .wc-btn-primary br{display:none}
.hero__form-panel .contact__form .btn_wrapper .wc-btn-primary span{display:none}
.hero__form-panel .contact__form .btn_wrapper .wc-btn-primary:hover{background:#d8ff3d;border-color:#d8ff3d}
@media (max-width:991px){
  .hero__area{padding:0;margin:0}
  .hero__content{padding:0}
  .hero__title-wrapper{margin-bottom:30px}
  .hero__form-panel-wrap{padding:0 8px}
  .hero__form-title{font-size:22px;padding:7px 12px}
  .hero__form-panel{padding:14px 12px}
  .hero__area{padding: 50px 0;}
}

/* New hero styles */
.hero__badge{display:inline-block;background:rgba(201,243,29,0.12);color:var(--primary);padding:6px 12px;border-radius:20px;font-weight:600;margin-bottom:18px}
.hero__title .highlight{color:var(--primary)}
.hero__sub-title{color:rgba(255,255,255,0.85);font-size:18px;max-width:760px;margin-bottom:22px}
.hero__stats ul{display:flex;gap:24px;padding:0;margin:0;list-style:none}
.hero__stats li{color:rgba(255,255,255,0.85);font-weight:600}
.hero__cta{margin-top:24px;display:flex;gap:14px}
.wc-btn.btn-start{background:var(--primary);color:#111;padding:12px 22px;border-radius:40px;display:inline-block}
.wc-btn-outline.btn-portfolio{border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.9);padding:12px 22px;border-radius:40px;display:inline-block}
@media (max-width:991px){
  .hero__title{font-size:36px}
  

}
@media (max-width:575px){
  .hero__form-title{font-size:20px;line-height:1.3}
  .hero__form-panel .contact__form .row.g-3{margin-bottom:4px}
  .hero__form-panel .contact__form input,
  .hero__form-panel .contact__form textarea{font-size:13px;min-height:40px}
  .hero__form-panel .contact__form textarea{min-height:90px}
  .hero__form-panel .contact__form .btn_wrapper .wc-btn-primary{max-width:100%;height:48px}
  .hero__stats ul{flex-direction:column;gap:8px}
}
.pt-80{padding-top:80px}
.pb-80{padding-bottom: 80px;}
.pb-100{padding-bottom:100px}
.pt-100{padding-top:100px}
.pt-110{padding-top:110px}
.pb-110{padding-bottom:110px}
.pt-120{padding-top:120px}
.pb-120{padding-bottom:120px}
.pt-130{padding-top:130px}
.pb-130{padding-bottom:130px}
.pt-140{padding-top:140px}
.pb-140{padding-bottom:140px}
.pt-150{padding-top:150px}
.pb-150{padding-bottom:150px}
@-webkit-keyframes wcRotate{
0%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}
}
@keyframes wcRotate{
0%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}
}
@-webkit-keyframes wcBubble{
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
@keyframes wcBubble{
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
*{margin:0;padding:0}
body{font-family:Kanit,sans-serif}
html{scroll-behavior:smooth}
h2,h3,h4,h5,h6{position:relative;z-index:1;padding:0;margin:0}
ul{padding:0;margin:0}
li{list-style:none;position:relative;z-index:1}
a{text-decoration:none;-webkit-transition:all .3s;transition:all .3s;position:relative;z-index:1}
button{background-color:transparent;border:0}
p{padding:0;margin:0;font-style:normal;line-height:1.6;font-weight:400;font-size:18px;color:var(--black-3);position:relative;z-index:1}
img,video{margin:0;padding:0;position:relative;z-index:1}
#quoteModal{z-index:999999!important}
#quoteModal .modal-dialog{position:relative;z-index:1}
#quoteModal .modal-content{position:relative;z-index:1}
#quoteModal .modal-header{position:relative;z-index:2}
#quoteModal .modal-header .btn-close{position:relative;z-index:3}
.modal-backdrop{z-index:999998!important;background-color:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.modal-open{overflow:hidden}
body.modal-open header,body.modal-open main,body.modal-open footer{filter:blur(3px);-webkit-filter:blur(3px)}
.quote-modal-dialog{max-width:1120px;margin:30px auto 20px}
.quote-modal-content{border:0;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.quote-modal-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.quote-modal-visual{position:relative;min-height:100%;background-image: linear-gradient(135deg, #030c16e0, #84cc166b), url(https://codetechmedia.com/assets/imgs/about/1/1.jpg);}
.quote-modal-visual img{display:block;width:100%;height:100%;object-fit:cover}
.quote-modal-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,12,22,.2),rgba(132,204,22,.18));pointer-events:none;z-index:0}
.quote-modal-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:0}
.quote-modal-visual__inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 30px;color:#fff}
.quote-modal-visual__inner > *{position:relative;z-index:2}

.quote-modal-badge{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;backdrop-filter:blur(4px)}
.quote-modal-visual__inner h3{font-size:28px;line-height:1.15;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.quote-modal-visual__inner p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.96);margin-bottom:16px;max-width:320px;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.quote-modal-visual__inner ul{margin:0 0 16px;padding:0;display:grid;gap:8px}
.quote-modal-visual__inner li{font-size:14px;color:rgba(255,255,255,.95);padding-left:16px;position:relative;text-shadow:0 1px 6px rgba(0,0,0,.2)}
.quote-modal-visual__inner li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#84cc16}
.quote-modal-visual__inner a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none}
.quote-field{display:block;margin-bottom:10px}
.quote-field__label{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#1d1d1d;margin-bottom:6px}
.quote-modal-form-panel{background:#fff;color:#111;padding:28px 30px 30px}
.quote-modal-form-panel .modal-header{padding:0 0 18px}
.quote-modal-form-panel .modal-title{color:#111}
.quote-modal-form-panel .btn-close{filter:brightness(0)}
.quote-modal-form-panel .modal-body{padding:0}
.quote-modal-form-panel .modal-header{padding:0 0 18px}
.quote-modal-form-panel .modal-body{padding:0}
@media (max-width:991px){
.quote-modal-shell{grid-template-columns:1fr}
.quote-modal-visual{min-height:260px}
.quote-modal-visual__inner{padding:24px 22px}
.quote-modal-form-panel{padding:24px 20px 26px}
}
.line{position:relative}
.line::before{position:absolute;content:"";width:1px;height:100%;top:0;left:0;background:var(--white-4)}
.line::after{position:absolute;content:"";width:1px;height:100%;left:calc(50% - 1px);top:0;background:var(--white-4)}
.line-3{position:absolute;content:"";width:1px;height:100%;right:0;top:0;background:var(--white-4)}
.sec-title-wrapper{position:relative;z-index:9}
.footer-line{position:relative}
.footer-line::after{position:absolute;content:"";width:1px;height:500px;left:0;bottom:-400px;background:var(--white-4)}
.scroll-top{width:50px;height:50px;position:fixed;right:20px;bottom:20px;z-index:9991;border-radius:100px;color:var(--white);background:var(--white);-webkit-transition:all .3s;transition:all .3s;display:none;mix-blend-mode:exclusion}
.scroll-top i{font-size:18px;color:var(--black-2)}
.scroll-top:hover{color:var(--gray-2)}
.wc-btn-black,.wc-btn-light,.wc-btn-primary,.wc-btn-secondary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;text-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:170px;height:170px;font-weight:400;font-size:16px;line-height:1.3;text-transform:capitalize;color:var(--black-3);border:1px solid var(--gray);border-radius:100%;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.c-primary-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:16px;line-height:1.3;text-transform:capitalize;color:var(--black-3);padding:15px 25px;border:1px solid var(--gray);border-radius:5px;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.c-primary-btn span{position:absolute;content:"";width:20px;height:20px;left:0;top:0;background-color:var(--primary);z-index:-1;border-radius:0;-webkit-transition:all .7s;transition:all .7s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.header__area-3 .btn_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;width:250px;border-radius:0;margin-left:0}
.c-primary-btn:hover span{width:500px;height:275px}
.wc-btn-black:hover,.wc-btn-light:hover,.wc-btn-primary:hover,.wc-btn-secondary:hover{color:var(--black-2);border:1px solid var(--primary)}
.wc-btn-black:hover span,.wc-btn-light:hover span,.wc-btn-primary:hover span,.wc-btn-secondary:hover span{width:350px;height:350px}
.wc-btn-black i,.wc-btn-light i,.wc-btn-primary i,.wc-btn-secondary i{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);padding-left:5px}
.wc-btn-black span,.wc-btn-light span,.wc-btn-primary span,.wc-btn-secondary span{position:absolute;content:"";width:20px;height:20px;left:0;top:0;background-color:var(--primary);z-index:-1;border-radius:100%;-webkit-transition:all .7s;transition:all .7s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wc-btn-secondary{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-light{border:1px solid var(--secondary);color:var(--gray-5)}
.wc-btn-light:hover{border-color:var(--white)}
.wc-btn-light span{background-color:var(--white)}
.wc-btn-black:hover{color:var(--white);border-color:var(--black-2)}
.wc-btn-black span{background-color:var(--black-2)}
.btn_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:250px;width:250px;border-radius:100%;margin-left:-40px}
.btn-item{position:absolute}
.sec-title{font-weight:500;font-size:56px;line-height:1;color:var(--black-2)}
.sec-sub-title{font-weight:400;font-size:18px;line-height:1.2;color:var(--black-3);padding-bottom:15px;text-transform:capitalize}
.technologies-heading-block{max-width:760px;margin:0 auto 40px;text-align:center;align-items:center}
.technologies-heading-block .sec-sub-title{padding-bottom:8px}
.technologies-heading-block .sec-title{margin-bottom:12px}
.technologies-heading-block p{max-width:760px;margin:0 auto}
.main-menu-3{text-align:right}
.main-menu-3>li{display:inline-block;padding:0 20px;margin:0}
.main-menu-3>li.has-megamenu{position:static}
.main-menu-3>li:hover .main-dropdown{top:80px;opacity:1;visibility:visible}
.main-menu-3>li:hover .mega-menu{top:80px;opacity:1;visibility:visible}
.main-menu-3>li>a{display:block;font-weight:400;font-size:16px;line-height:16px;color:var(--black-2);padding:27px 0;outline:0;text-transform:capitalize;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.main-menu-3>li>a:hover{--y:-4px}
.main-dropdown{position:absolute;width:300px;left:0;top:85px;z-index:9;background-color:var(--black-2);text-align:left;padding:15px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.main-dropdown li{display:block;margin:0;padding:0}
.main-dropdown li a{color:var(--white);display:block;padding:10px 20px;text-transform:capitalize}
.main-dropdown li a:hover{letter-spacing:1px}
.mega-menu{position:absolute;width:100%;left:0;top:90px;z-index:9;background-color:var(--black-2);text-align:left;padding:40px 100px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(4,1fr);grid-gap:30px;opacity:0;visibility:hidden;-webkit-transition:all .2s;transition:all .2s}
.mega-menu li{padding:0;margin:0}
.mega-menu li a{color:var(--white);font-size:20px;font-weight:500;padding:10px;margin-bottom:10px;text-transform:capitalize}
.mega-menu li a:hover{letter-spacing:1px}
.mega-menu li a:not([href]):not([class]){color:var(--white)}
.mega-menu li a:not([href]):not([class]):hover{letter-spacing:0;background-color:transparent}
.mega-menu li ul{text-align:left}
.mega-menu li ul li{display:block;margin:0}
.mega-menu li ul li a{font-weight:400;font-size:16px;padding:10px 12px;display:block;margin-bottom:0;text-transform:capitalize}
.modal__testimonial{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:9991;-webkit-transition:visibility 0s linear .25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0s linear .25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s,-webkit-transform .25s}
.modal__testimonial-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--white);border-radius:5px;width:760px;height:500px}
.modal__close{background:var(--secondary);color:var(--white);width:30px;height:30px;border:none;border-radius:100%;font-size:18px;position:absolute;right:-15px;top:-15px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.modal__close:hover{color:var(--primary)}
.cursor1{position:fixed;width:40px;height:40px;border:1px solid var(--primary);border-radius:50%;left:0;top:0;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.15s;transition:.15s;z-index:999;mix-blend-mode:difference}
.cursor2{position:fixed;width:8px;height:8px;background-color:var(--primary);border-radius:50%;left:0;top:0;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;transition:.2s;z-index:999;mix-blend-mode:difference}
.header__area-3{position:sticky;width:100%;top:0;z-index:9999;background-color:var(--white)}
.header__area-3.sticky-3{box-shadow: 0px 10px 54px 0px rgba(0, 0, 0, 0.2);}
.top-header{background-color:var(--black-2);position:relative;z-index:9;padding:10px 50px}
.social li,.top-contact li{display:inline-block;padding-right:15px}
.top-contact li a{display:inline-block;color:var(--gray-2);font-size:16px}
.social li a{display:inline-block;color:var(--gray-2);font-size:20px}
.header__inner-3{display:-ms-grid;display:grid;-ms-grid-columns:200px auto 200px;grid-template-columns:200px auto 200px;padding:0 30px}
.header__inner-3{padding:10px 50px}
.header__nav-2{text-align:right}
.header__nav-icon-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}
.header__nav-icon-3 img{margin-top:-5px}
.header__logo-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.offcanvas__menu-wrapper.mean-container{padding-top:160px}
.offcanvas__menu-wrapper.mean-container .mean-nav>ul{padding:0;margin:0;width:100%;list-style-type:none;display:block!important}
.offcanvas__menu-wrapper.mean-container .mean-nav>ul>li:last-child>a{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav{background:0 0;margin-top:0}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{width:100%;padding:20px 0 20px 100px;font-weight:400;font-size:80px;line-height:1;color:var(--white);text-transform:capitalize;border-top:1px solid var(--black-4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:0;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 80px 0 var(--white)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:first-child{-webkit-transition-delay:33.3333333ms;transition-delay:33.3333333ms}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(2){-webkit-transition-delay:0.0666666667s;transition-delay:0.0666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(3){-webkit-transition-delay:0.1s;transition-delay:0.1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(4){-webkit-transition-delay:0.1333333333s;transition-delay:0.1333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(5){-webkit-transition-delay:0.1666666667s;transition-delay:0.1666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(6){-webkit-transition-delay:0.2s;transition-delay:0.2s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(7){-webkit-transition-delay:0.2333333333s;transition-delay:0.2333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(8){-webkit-transition-delay:0.2666666667s;transition-delay:0.2666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(9){-webkit-transition-delay:0.3s;transition-delay:0.3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(10){-webkit-transition-delay:0.3333333333s;transition-delay:0.3333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(11){-webkit-transition-delay:0.3666666667s;transition-delay:0.3666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(12){-webkit-transition-delay:0.4s;transition-delay:0.4s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(13){-webkit-transition-delay:0.4333333333s;transition-delay:0.4333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(14){-webkit-transition-delay:0.4666666667s;transition-delay:0.4666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(15){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(16){-webkit-transition-delay:0.5333333333s;transition-delay:0.5333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(17){-webkit-transition-delay:0.5666666667s;transition-delay:0.5666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(18){-webkit-transition-delay:0.6s;transition-delay:0.6s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(19){-webkit-transition-delay:0.6333333333s;transition-delay:0.6333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(20){-webkit-transition-delay:0.6666666667s;transition-delay:0.6666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(21){-webkit-transition-delay:0.7s;transition-delay:0.7s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(22){-webkit-transition-delay:0.7333333333s;transition-delay:0.7333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(23){-webkit-transition-delay:0.7666666667s;transition-delay:0.7666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(24){-webkit-transition-delay:0.8s;transition-delay:0.8s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(25){-webkit-transition-delay:0.8333333333s;transition-delay:0.8333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(26){-webkit-transition-delay:0.8666666667s;transition-delay:0.8666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(27){-webkit-transition-delay:0.9s;transition-delay:0.9s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(28){-webkit-transition-delay:0.9333333333s;transition-delay:0.9333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(29){-webkit-transition-delay:0.9666666667s;transition-delay:0.9666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(30){-webkit-transition-delay:1s;transition-delay:1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(31){-webkit-transition-delay:1.0333333333s;transition-delay:1.0333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(32){-webkit-transition-delay:1.0666666667s;transition-delay:1.0666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(33){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(34){-webkit-transition-delay:1.1333333333s;transition-delay:1.1333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(35){-webkit-transition-delay:1.1666666667s;transition-delay:1.1666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(36){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(37){-webkit-transition-delay:1.2333333333s;transition-delay:1.2333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(38){-webkit-transition-delay:1.2666666667s;transition-delay:1.2666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(39){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(40){-webkit-transition-delay:1.3333333333s;transition-delay:1.3333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(41){-webkit-transition-delay:1.3666666667s;transition-delay:1.3666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(42){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(43){-webkit-transition-delay:1.4333333333s;transition-delay:1.4333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(44){-webkit-transition-delay:1.4666666667s;transition-delay:1.4666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(45){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(46){-webkit-transition-delay:1.5333333333s;transition-delay:1.5333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(47){-webkit-transition-delay:1.5666666667s;transition-delay:1.5666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(48){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(49){-webkit-transition-delay:1.6333333333s;transition-delay:1.6333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover{--y:-0px;background-color:transparent}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover span{--m:calc(80px * -1)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{width:60px;height:96px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;border:none!important}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover{background:var(--secondary);opacity:1}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child{border-top:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:24px;text-transform:capitalize;border-top:none!important;padding:20px 0 20px 150px;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a:hover{letter-spacing:1px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:40px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:180px}
.offcanvas__menu-wrapper.mean-container .mean-bar{padding:0;background:0 0}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal{display:none!important}
.offcanvas__area{background-color:var(--black-2);position:fixed;width:100%;height:100vh;left:0;top:0;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__body{display:-ms-grid;display:grid;-ms-grid-columns:0.9fr 3fr 1.3fr;grid-template-columns:0.9fr 3fr 1.3fr;height:100%}
.offcanvas__left{display:-ms-grid;display:grid;-ms-grid-rows:0.5fr 2.1fr 1fr;grid-template-rows:0.5fr 2.1fr 1fr;border-right:1px solid var(--black-4)}
.offcanvas__body,.offcanvas__mid{overflow:hidden;overflow-y:auto}
.offcanvas__mid::-webkit-scrollbar{width:5px}
.offcanvas__mid::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px var(--black);box-shadow:inset 0 0 5px var(--black);border-radius:10px}
.offcanvas__mid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}
.offcanvas__right{background-color:var(--black-4);padding:0 50px;position:relative}
.offcanvas__right .shape-1{position:absolute;bottom:0;left:125px}
.offcanvas__right .shape-2{position:absolute;bottom:90px;right:110px}
.offcanvas__logo{padding:55px 0 55px 50px;border-bottom:1px solid var(--black-4)}
.offcanvas__social{padding-left:50px;padding-top:220px;border-bottom:1px solid var(--black-4)}
.offcanvas__social .social-title{font-weight:500;font-size:24px;line-height:1.5;color:var(--white);padding-bottom:20px}
.offcanvas__social ul li{padding-bottom:2px}
.offcanvas__social ul li a{font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
.offcanvas__social ul li a:hover{color:var(--gray-2)}
.offcanvas__links{padding-left:50px;padding-top:110px}
.offcanvas__links ul li{padding-bottom:2px}
.offcanvas__links ul li a{font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
.offcanvas__links ul li a:hover{color:var(--gray-2)}
.offcanvas__close{position:absolute;right:40px;top:30px}
.offcanvas__close button{font-size:30px;width:60px;height:60px;color:var(--white);background:#232323;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__close button:hover{color:var(--gray-2)}
.offcanvas__search{padding-top:190px;padding-bottom:140px}
.offcanvas__search form{position:relative}
.offcanvas__search input{color:#585858;font-size:14px;font-weight:400;width:100%;padding:20px 45px 20px 20px;border-radius:30px;border:1px solid #3c3c3c;background-color:transparent;outline:0}
.offcanvas__search input::-webkit-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::-moz-placeholder{opacity:1;color:#585858}
.offcanvas__search input:-ms-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::-ms-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::placeholder{opacity:1;color:#585858}
.offcanvas__search button{color:var(--white);position:absolute;right:0;top:0;width:60px;height:100%;border-radius:0 100% 100% 0}
.offcanvas__contact h3{font-weight:500;font-size:24px;line-height:1.5;color:var(--white);padding-bottom:20px}
.offcanvas__contact li{font-weight:400;font-size:18px;line-height:1.5;color:var(--white);padding-bottom:7px;max-width:260px}
.offcanvas__contact li a{color:var(--white)}
.offcanvas__contact li a:hover{color:var(--gray-2)}
.hero__area{background-color:var(--black);position:relative;overflow:hidden;padding:200px 50px 50px;margin:0;top:auto;left:auto;right:auto;bottom:auto} 
.hero__area.home-hero{min-height:100vh!important}
.hero__area .image,.hero__area .image video{position:absolute;background-size:cover}
.hero__area .image,.hero__area .image video{background-repeat:no-repeat;background-position:center center;top:0;width:100%;height:100%;left:0}
.hero__area .image video{object-fit:cover;object-position:center}
.hero__area::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.8)}
.hero__area .hero1_bg{position:absolute;bottom:0;z-index:0;left:0;width:100%;height:auto;-webkit-animation:wcRotate 18s infinite linear;animation:wcRotate 18s infinite linear}
.hero__area .container,.hero__area .row{height:100%}
.hero__content{position:relative;z-index:1;padding:0;margin:0}
.hero__content a{display:inline-block;max-width:300px;font-weight:400;font-size:20px;line-height:1.5;color:var(--white);padding-bottom:15px;border-bottom:1px solid var(--white);position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
.hero__content a:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__content a:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__content a span{position:absolute;top:0;right:0}
.hero__content a span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.hero__content a span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.hero__title{font-weight:500;font-size:64px;line-height:1;color:var(--white);margin-top:0;position:relative}
.hero__title-wrapper{max-width:1080px;position:relative;margin-bottom:40px}
.hero__sub-title{font-weight:400;font-size:18px;line-height:1.4;color:var(--gray-3);max-width:650px;position:relative;right:0;margin-top:15px}
.hero__sub-title span{color:var(--white)}
.about__area{overflow:hidden;background-color:var(--white)}
.about__area .sec-title{max-width:770px;position:relative;z-index:9}
.about__title-wrapper{padding-left:0;padding-bottom:60px}
.about__content{padding-top:65px;position:relative;z-index:1}
.about__content p{max-width:600px;font-weight:400;font-size:18px;line-height:1.4;color:var(--black-3);margin-bottom:20px}
.about__content-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1.5fr;grid-template-columns:1fr 1.5fr;grid-gap:80px}
.about__img img{width:100%;overflow:hidden}
.portfolio__item{-webkit-transform:perspective(4000px) rotateX(90deg);transform:perspective(4000px) rotateX(90deg)}
.service__area{background-color:var(--black-2);overflow:hidden}
.service__area a:first-child .service__item{border-top:1px solid var(--secondary)}
.service__area .sec-sub-title,.service__area .sec-title{color:var(--white)}
.service__area .sec-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.service__top-text{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}
.service__top-text p{color:var(--gray-2);font-weight:400;font-size:20px;line-height:1.4}
.service__top-text p span{color:var(--white)}
.service__top-btn .btn_wrapper{margin-right:-40px}
.service__list-wrapper{margin-top:40px}
.service__img{-webkit-transition:all .5s;transition:all .5s;opacity:0;position:absolute;-webkit-transform:rotate(0) translateX(-100px);transform:rotate(0) translateX(-100px)}
.service__img.active{opacity:1;-webkit-transform:rotate(15deg) translateX(60px) translateY(30px);transform:rotate(15deg) translateX(60px) translateY(30px)}
.service__img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}
.service__img-wrapper span{position:absolute;width:175px;height:70px;background-color:var(--primary);bottom:0;left:0;-webkit-transform:rotate(-26deg) translate(-100%,-100%);transform:rotate(-26deg) translate(-100%,-100%);-webkit-transition:all .3s;transition:all .3s;-webkit-transition-delay:.2s;transition-delay:.2s;z-index:1}
.service__img-wrapper span.current{-webkit-transform:rotate(-26deg) translate(120px,-100%);transform:rotate(-26deg) translate(120px,-100%)}
.service__item{display:-ms-grid;display:grid;-ms-grid-columns:.7fr 2fr 2.5fr 1fr;grid-template-columns:.7fr 2fr 2.5fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:35px 0;border-bottom:1px solid var(--secondary);-webkit-transition:all .3s;transition:all .3s}
.serice-details .service__item{-ms-grid-columns:.7fr 2fr 3.5fr;grid-template-columns:.7fr 2fr 3.5fr}
.serice-details .service__item .service__text{max-width:100%}
.service__item:hover .service__number span{color:var(--white)}
.service__item:hover .service__title{color:var(--white)}
.service__item:hover .service__link p{color:var(--white)}
.service__item:hover .service__link p i{-webkit-transform:translate(60px,-60px) rotate(-45deg);transform:translate(60px,-60px) rotate(-45deg)}
.service__item:hover .service__link p::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.service__number span{font-weight:400;font-size:28px;line-height:1.2;color:var(--gray-2);-webkit-transition:all .3s;transition:all .3s}
.service__title{display:block;font-weight:400;font-size:28px;line-height:1.3;color:var(--gray-2)}
.service__title:hover{color:var(--white)}
.service__text{max-width:450px}
.service__text p{color:var(--gray-2)}
.service__link{text-align:right;overflow:hidden}
.service__link p{display:inline-block;font-size:48px;color:var(--gray-2)}
.service__link p i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.service__link p::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.counter__area-3 .sec-sub-title{font-weight:500;color:var(--black);text-transform:uppercase;padding-bottom:150px}
.counter__area-3 .counter__number{color:var(--black-2);font-weight:400;padding-bottom:10px}
.counter__wrapper-3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.counter__item-3{padding-bottom:80px}
.counter__item-3 p{font-size:20px}
.counter__number{font-weight:300;font-size:100px;line-height:1.1;color:var(--secondary)}
.counter__img-3{margin-top:80px}
.counter__img-3 img{width:100%}
.workflow__area{overflow:hidden}
.workflow__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.workflow__area-3{overflow:hidden;background-color:var(--pink-4);padding-top:60px;direction:ltr}
.workflow__area-3 .wf_panel{width:100%;height:100%;will-change:transform;opacity:1!important}
.workflow__wrapper-3{width:400%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}
.workflow__slide{text-align:center;position:relative}
.workflow__slide::before{position:absolute;content:"";width:100%;height:1px;left:0;top:58px;background-color:var(--black-2)}
.workflow__slide::after{position:absolute;content:"";width:18px;height:18px;left:calc(50% - 9px);top:50px;background-color:var(--primary);border:3px solid var(--white);border-radius:100%;-webkit-animation:wcBubble 1.5s 1s infinite;animation:wcBubble 1.5s 1s infinite;-webkit-transition:all .3s;transition:all .3s}
.workflow__slide p{max-width:360px;margin:0 auto}
.workflow__step{font-weight:400;font-size:18px;line-height:1.3;color:var(--black-2);text-transform:capitalize;padding-bottom:50px}
.workflow__number{font-size:85px;font-weight:500;color:var(--gray-4)}
.workflow__title{font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);padding-bottom:15px}
.choose-title{font-weight:500;font-size:200px;line-height:1;text-transform:uppercase;color:var(--black)}
.choose-title-wrapper{text-align:center}
.choose-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.research__area{background-color:var(--pink-3);background-image:url(https://codetechmedia.com/assets/imgs/shape/8.png);background-repeat:no-repeat;background-position:200px calc(100% - 150px)}
.research__area .sec-title{text-transform:uppercase;padding-bottom:50px}
.research__area .sec-title-wrapper{padding-right:80px;padding-bottom:100px}
.research__area .sec-title-wrapper p{max-width:360px;font-size:18px;line-height:1.4;color:var(--black-2);margin-left:80px}
.research__area .sec-sub-title{font-weight:500;text-transform:uppercase;color:var(--black);padding-bottom:140px}
.research__tools{padding-left:80px}
.research__tools li{display:inline-block}
.research__tools li a{display:block;font-weight:500;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--black);border:1px solid var(--black);border-radius:30px;padding:2px 15px}
.research__tools li a:hover{color:var(--white);background-color:var(--black-2)}
.research__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding-bottom:50px}
.research__item:nth-child(odd){padding-left:100px}
.research__item p{max-width:255px;color:var(--black-2)}
.research__number span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:48px;line-height:1.1;text-transform:uppercase;color:var(--black-2);width:190px;height:190px;border:3px solid;border-radius:100%}
.research__title{font-weight:500;font-size:26px;line-height:1.4;text-transform:uppercase;color:var(--black-2);padding-bottom:15px}
.testimonial__area-2 .line-3{z-index:5}
.testimonial__slide{margin-left:-3px}
.testimonial__title-2{font-weight:500;font-size:54px;line-height:1;color:var(--black);font-style:italic;padding:80px 50px 20px 0}
.testimonial__role{font-size:14px;color:var(--black-3);line-height:1.3;font-weight:400;text-transform:capitalize}
.testimonial__text-2{font-weight:300;font-size:22px;line-height:1.4;color:var(--black-3);padding-right:40px;padding-bottom:50px}
.testimonial__inner-2{background-color:var(--white);padding:80px;margin-top:140px;background-image:url(https://codetechmedia.com/assets/imgs/icon/quote-primary.png);background-repeat:no-repeat;background-position:80px 80px;margin-right:2px}
.testimonial__video{margin-right:-112px;max-height:785px;overflow:hidden}
.testimonial__video video{width:100%}
.testimonial__author{font-weight:500;font-size:18px;line-height:1.3;color:var(--black-2);padding-bottom:5px}
.testimonial__pagination{position:absolute;right:0;top:calc(50% - 105px);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{width:60px;height:60px;border:1px solid var(--gray-7);color:var(--gray-7);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px 35px;-webkit-transition:all .3s;transition:all .3s;position:relative}
.testimonial__pagination .next-button::after,.testimonial__pagination .prev-button::after{position:absolute;content:"";width:100%;height:100%;border-radius:100%}
.testimonial__pagination .next-button:hover,.testimonial__pagination .prev-button:hover{border-color:var(--black-2)}
.testimonial__pagination .next-button:hover i,.testimonial__pagination .prev-button:hover i{color:var(--black-2)}
.testimonial__author-wrap {display: flex; align-items: center;gap: 16px;margin-top: 24px;}
.testimonial__author-img {width: 80px;height: 80px;object-fit: contain;  border-radius: 50%;flex-shrink: 0;background: rgb(252 247 237);}
.testimonial__author-meta {display: flex;flex-direction: column; gap: 4px;}
.portfolio__text{text-align:center;font-size:150px;font-weight:500;color:var(--white);text-transform:uppercase;padding:120px 0 50px;opacity:1}
.portfolio__area{position:relative;background-color:var(--black-2);overflow:hidden}
.portfolio__item{padding-bottom:30px;position:fixed;top:0;left:0;z-index:999;scale:.5;opacity:0}
.portfolio__item:nth-child(2n){top:50%}
.portfolio__item:hover .portfolio__info{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
.portfolio__item img{width:100%}
.portfolio__info{width:175px;padding:15px;border-radius:5px;background-color:var(--primary);position:absolute;right:0;bottom:50px;z-index:1;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition:all .3s;transition:all .3s;opacity:0;visibility:hidden}
.portfolio__info p{font-weight:400;font-size:12px;line-height:1.3;color:var(--black-2)}
.portfolio__title{font-weight:500;font-size:16px;line-height:1.3;color:var(--black-2);padding-bottom:3px}
.portfolio__list-1{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;gap:0 30px;position:relative;margin-bottom:0}
.portfolio__btn{margin-top:40px}
.portfolio__btn.btn_wrapper{margin:0 auto}
.row_bottom{margin-top:80vh}
:root{--pink-6:#EEE5DC;--purple:#D9DBEB;--purple-2:#CCCEDE;--green:#81C3A3;--green-2:#DCE4E0}
.blog__area{overflow:hidden}
.blog__area .row{--bs-gutter-x:60px}
.blog__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.blog__item{position:relative;z-index:5;padding-bottom:55px}
.blog__img-wrapper{overflow:hidden;margin-bottom:25px;position:relative;z-index:9}
.blog__meta{font-weight:400;font-size:15px;line-height:1.3;color:var(--black-3);margin-bottom:10px}
.blog__meta a{color:var(--black-3);-webkit-transition:all .3s;transition:all .3s}
.blog__meta a:hover{color:var(--secondary)}
.blog__title{display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;    text-overflow: ellipsis; height: 3.5rem; overflow: hidden;font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);margin-bottom:10px;padding-bottom:20px}
.blog__title:hover{color:var(--black-3)}
.blog__btn{display:inline-block;font-weight:400;font-size:16px;line-height:1.3;color:var(--black-3);text-transform:capitalize}
.blog__btn span{overflow:hidden;position:absolute;top:0;right:-28px}
.blog__btn span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .5s;transition:all .5s}
.blog__btn span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s}
.blog__btn:hover{color:var(--secondary)}
.blog__btn:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.blog__btn:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.blog__detail{overflow:hidden}
.blog__detail-top{position:relative;z-index:1}
.blog__detail-date{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);padding-bottom:15px}
.blog__detail-date span{color:var(--black-3);position:relative;padding-left:25px}
.blog__detail-date span::before{position:absolute;content:"";width:4px;height:4px;top:11px;left:8px;background-color:var(--gray-5);border-radius:50px}
.blog__detail-title{font-weight:500;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:35px}
.blog__detail-metalist{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;padding-bottom:50px}
.blog__detail-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.blog__detail-meta p{font-weight:400;font-size:14px;line-height:1.5;color:var(--gray-8)}
.blog__detail-meta p span{display:block;color:var(--black-3);font-size:16px;font-weight:500}
.blog__detail-thumb{overflow:hidden;position:relative;width:100%;height:70vh}
.blog__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin-left:auto;margin-right:auto}
.blog__detail-thumb img{width:100%}
.blog__detail-content{padding-top:55px;padding-bottom:30px}
.blog__detail-content p{font-size:18px;line-height:1.4;padding-bottom:25px}
.blog__detail-content img{margin-bottom:30px;max-width:100%}
.blog__detail-content h1,.blog__detail-content h2{font-weight:500;font-size:36px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h3{font-weight:500;font-size:30px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h4{font-weight:500;font-size:24px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h5{font-weight:500;font-size:20px;line-height:1.2;color:var(--black);padding-bottom:10px;padding-top:10px}
.blog__detail-content h6{font-weight:500;font-size:18px;line-height:1.2;color:var(--black);padding-bottom:10px;padding-top:10px}
.blog__detail-content .wp-block-list ,.blog__detail-content .wp-block-list{padding-bottom:25px; position:relative;        counter-reset: item;}
.blog__detail-content .wp-block-list li,.blog__detail-content .wp-block-list li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:5px;padding-left:25px;position:relative;  }
.blog__detail-content .wp-block-list li::before,.blog__detail-content .wp-block-list li::before{position:absolute;    content: counters(item, '.', decimal) '. ';
    display: inline-block;
    counter-increment: item;left:0;font-size:20px}
.blog__detail-tags p{font-weight:400;font-size:18px;line-height:1.4;color:var(--black-2);text-transform:capitalize}
.blog__detail-tags p a{color:var(--black-3);text-transform:lowercase;text-decoration-line:underline}
.blog__related{overflow:hidden}
.blog__related .sec-title-wrapper{padding-bottom:60px}
.img-box img{position:absolute;top:0;left:0;width:auto;height:100%;-webkit-transition:.5s;transition:.5s;background-size:cover}
.img-box img:first-child{-webkit-transform:translatex(50%) scalex(2);transform:translatex(50%) scalex(2);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
.img-box:hover img:nth-child(2){-webkit-transform:translatex(-50%) scalex(2);transform:translatex(-50%) scalex(2);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
.img-box:hover img:first-child{-webkit-transform:translatex(0) scalex(1);transform:translatex(0) scalex(1);opacity:1;-webkit-filter:blur(0);filter:blur(0)}
.cta__area-3{background-color:var(--pink-5)}
.cta__content-3{width:80%;margin:0 auto;text-align:center}
.cta__content-3 .btn_wrapper{position:relative;z-index:1;width:350px;height:350px;margin-left:auto;margin-right:auto}
.cta__content-3 .btn_wrapper .btn-item{top:25px}
.cta__content-3 a{width:300px;height:300px;font-size:24px}
.cta__content-3 a:hover span{width:800px;height:800px}
.cta__content-3 a i{font-size:30px;-webkit-transform:rotate(0);transform:rotate(0);padding-left:20px}
.cta__content-3 a{border-color:var(--black-2)}
.cta__sub-title-2{font-weight:300;font-size:28px;line-height:1.3;color:var(--black-2);padding-bottom:25px}
.cta__title-2{font-weight:300;font-size:100px;line-height:1;color:var(--black-2);padding-bottom:60px}
:root{--white-6:#d7d7d7;--white-7:#B7B7C5;--black-14:#323438;--lime:#745EFF;--lime-2:#5547F5;--gray-16:#6B6B6B;--gray-17:#F7F7FC;--gray-18:#999999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4;--gray-25:#D3D3D3}
.footer__area{overflow:hidden;background-color:#0a0a0a}
.footer__row{margin-left:-500px}
.footer__top{text-align:right}
.footer__inner{background-color:var(--black-2);display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);padding-left:350px;position:relative;z-index:9}
.footer__logo{margin-bottom:30px}
.footer__widget{-ms-grid-column-span:4;grid-column:span 4;padding:140px 0 130px}
.footer__widget p{max-width:310px;font-weight:400;font-size:16px;line-height:1.5;color:var(--gray-2);margin-bottom:30px}
.footer__widget-title{font-weight:600;font-size:20px;line-height:1.3;color:var(--white);padding-bottom:20px}
.footer__widget-2{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px}
.footer__widget-3{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px;margin-right:-30px}
.footer__widget-4{-ms-grid-column-span:4;grid-column:span 4;-ms-grid-row-span:2;grid-row:span 2;background-color:var(--black-4);padding:135px 70px 30px;text-align:center;margin-left:60px}
.footer__widget-4 .project-title{font-weight:400;font-size:36px;line-height:1.3;color:var(--white);padding-bottom:25px}
.footer__widget-4 a{color:var(--gray-2);border-color:var(--secondary);margin:0 auto;margin-bottom:20px}
.footer__widget-4 .contact-time{font-weight:500;font-size:18px;line-height:1.3;color:var(--white);padding-bottom:3px}
.footer__widget-4 .contact-day{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.footer__social li{display:inline-block;padding-right:15px}
.footer__social li a{display:inline-block;color:var(--gray-2);font-size:20px}
.footer__social li a:hover{color:var(--white)}
.footer__link li{display:block;padding-bottom:15px}
.footer__link li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);line-height:18px;text-transform:capitalize}
.footer__link li a:hover{color:var(--white)}
.footer__contact{display:block;padding-bottom:10px;font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li{padding-bottom:15px}
.footer__contact li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li a.phone{color:var(--white);position:relative}
.footer__contact li a.phone::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:var(--white);-webkit-transition:all .3s;transition:all .3s}
.footer__contact li a.phone:hover::after{width:0%}
.footer__contact li a:hover{color:var(--white)}
.footer__copyright{-ms-grid-column-span:8;grid-column:span 8;border-top:1px solid var(--gray-6);margin-left:-66px;padding:35px 0 35px 66px}
.footer__copyright p{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);max-width:280px}
footer .btn_wrapper{margin:0 auto}
@-webkit-keyframes wcLoading{
0%{-webkit-transform:scaleY(.1);transform:scaleY(.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(.1);transform:scaleY(.1);background:0 0}
}
@keyframes wcLoading{
0%{-webkit-transform:scaleY(.1);transform:scaleY(.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(.1);transform:scaleY(.1);background:0 0}
}

/* Footer redesign tweaks */
.footer__area{
  background: linear-gradient(180deg,#070707 0%, #0f0f0f 100%);
}
.footer__inner{padding-left:80px;padding-top:60px}
.footer__widget{padding:60px 0}
.footer__widget-2,.footer__widget-3{padding:60px 0}
.footer__widget-4{padding:60px 30px}
.footer__link li a{color:var(--gray-2);opacity:0.95}
.footer__link li a:hover{color:var(--white);opacity:1}
.service-list li a{text-transform:none}

.preloader{width:100%;height:100vh;background-color:var(--black-2);position:absolute;left:0;top:0;z-index:99999}
.loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.loading .bar{width:6px;height:60px;background:var(--white);display:inline-block;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:wcLoading 1.5s ease-in-out infinite;animation:wcLoading 1.5s ease-in-out infinite}
.loading .bar1{-webkit-animation-delay:.1s;animation-delay:.1s}
.loading .bar2{-webkit-animation-delay:.2s;animation-delay:.2s}
.loading .bar3{-webkit-animation-delay:.3s;animation-delay:.3s}
.loading .bar4{-webkit-animation-delay:.4s;animation-delay:.4s}
.loading .bar5{-webkit-animation-delay:.5s;animation-delay:.5s}
.loading .bar6{-webkit-animation-delay:.6s;animation-delay:.6s}
.loading .bar7{-webkit-animation-delay:.7s;animation-delay:.7s}
.loading .bar8{-webkit-animation-delay:.8s;animation-delay:.8s}
:root{--white-6:#d7d7d7;--white-7:#B7B7C5;--black-14:#323438;--black-15:#2C2C2C;--lime:#745EFF;--lime-2:#5547F5;--gray-16:#6B6B6B;--gray-17:#F7F7FC;--gray-18:#999999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4}
main{overflow:hidden}
body{position:relative}
.hero__about{background-image:url(../imgs/about/about-bg.png);background-repeat:no-repeat;background-position:top right;overflow:hidden}
.hero__about-content{padding-top:100px}
.hero__about-content .hero-title{padding-bottom:60px}
.hero__about-info{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 2.5fr 30px 2.5fr;grid-template-columns:1fr 2.5fr 2.5fr;padding-bottom:80px;grid-gap:30px}
.hero__about-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.hero__about-text p{font-size:18px;line-height:1.4;padding-left:80px}
.hero-title{font-weight:500;font-size:80px;line-height:1;color:var(--black)}
.title-line{overflow:hidden}
.story__area{overflow:hidden}
.story__area .sec-title-wrapper{padding-bottom:40px}
.story__text p{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3);padding-bottom:20px}
.story__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:700px}
.story__img-wrapper img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px;max-width:100%}
.counter__area{overflow:hidden}
.counter__area-3 .sec-sub-title{font-weight:500;color:var(--black);text-transform:uppercase;padding-bottom:150px}
.counter__area-3 .counter__number{color:var(--black-2);font-weight:400;padding-bottom:10px}
.counter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
.counter__wrapper-2{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
.counter__wrapper-3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.counter__item{width:380px;height:380px;border:1px solid var(--white-2);border-radius:100%;margin-left:-67px;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.counter__item:first-child{margin-left:0}
.counter__item p{font-size:20px;text-align:center}
.counter__item-2{text-align:center}
.counter__item-2 p{font-size:20px;line-height:1.3}
.counter__item-3{padding-bottom:80px}
.counter__item-3 p{font-size:20px}
.counter__number{font-weight:300;font-size:100px;line-height:1.1;color:var(--secondary)}
.counter__img-3{margin-top:80px}
.counter__img-3 img{width:100%}
.team__area{background-color:var(--black-2);overflow:hidden}
.team__area .sec-title{color:var(--white)}
.team__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.team__area .sec-sub-title{color:var(--white)}
.team__area-6{background-image:url(../imgs/bg/shape.png);background-repeat:no-repeat;background-position:100px 180px;overflow:hidden}
.team__area-6 .sec-title{line-height:.9;font-size:120px;padding-bottom:30px}
.team__area-6 .sec-title-wrapper{max-width:520px;padding-bottom:60px}
.team__area-6 .sec-title-wrapper p{font-size:18px;line-height:1.4}
.team__slide:nth-child(2n){padding-top:100px}
.team__slide img{width:100%}
.team__member-name,.team__member-name-6{font-weight:500;font-size:24px;line-height:1.3;color:var(--white);padding-top:20px}
.team__member-name-6{color:var(--black-2)}
.team__member-name-7{font-weight:500;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:30px}
.team__member-role,.team__member-role-6{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.team__member-role-6{color:var(--black-3)}
.team__member-role-7{font-weight:400;font-size:24px;line-height:1;color:var(--black-3);font-style:italic;padding-bottom:15px;margin-bottom:40px;position:relative}
.team__member-role-7::after{position:absolute;content:"";width:150px;height:1px;left:0;bottom:0;background-color:var(--black-2)}
.team__member-role-7 span{color:var(--black-2);font-weight:500}
.team__join-btn{background-color:var(--black-2);padding:300px 0}
.team__join-btn #btn_wrapper,.team__join-btn .btn_wrapper{width:360px;height:360px;margin:0 auto}
.team__join-btn a{position:relative;color:var(--gray-2);font-size:20px;width:342px;height:342px;margin:0 auto}
.team__join-btn a:hover span{width:800px;height:800px}
.team__join-btn a i{position:absolute;right:130px;top:150px}
.team__btm{overflow:hidden}
.team__btm .sec-title-wrapper{padding-left:48%;background-image:url(../imgs/bg/snake.png);background-repeat:no-repeat;background-position:1px -150px}
.team__btm p{font-size:22px;padding-top:30px;position:relative;z-index:1}
.team__detail{overflow:hidden}
.team__detail p{font-size:18px;line-height:1.4;padding-bottom:20px}
.team__detail .work-title{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:20px}
.team__detail-page{position:relative}
.team__member-img{overflow:hidden;position:absolute;width:770px;height:100vh;left:-192px}
.team__member-img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:102%;margin-left:auto;margin-right:auto}
.team__member-work{padding-top:40px}
.team__member-work li{display:inline-block;padding-right:10px}
.team__member-work li a{display:block;font-weight:400;font-size:14px;line-height:1.5;color:var(--black-2);padding:5px 12px;border:1px solid var(--white-4);border-radius:30px;-webkit-transition:all .3;transition:all .3}
.team__member-work li a:hover{background-color:var(--black-2);color:var(--white)}
.team__member-social{padding-top:40px}
.team__member-social li{display:inline-block;padding-right:15px}
.team__member-social li a{font-size:18px;color:var(--gray-15)}
.team__member-social li a:hover{color:var(--black-2)}
.contact__area-6{overflow:hidden}
.contact__text{max-width:330px;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.contact__text p{font-size:18px;line-height:1.4}
.contact__btm{padding-top:65px}
.contact__info{padding-top:15px}
.contact__info h3{font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);padding-bottom:30px}
.contact__info ul li a{text-decoration-line:underline}
.contact__info ul li a,.contact__info ul li span{font-weight:300;font-size:18px;line-height:1.5;color:var(--black-2);display:block;margin-bottom:10px}
.contact__form{position:relative;z-index:9}
.contact__form input,.contact__form textarea{width:100%;font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);border:none;border-bottom:1px solid var(--gray);padding:15px 0;-webkit-transition:all .3s;transition:all .3s;outline:0;position:relative;z-index:1;background:0 0;margin-bottom:35px}
.contact__form input:focus,.contact__form textarea:focus{border-bottom:1px solid var(--black-2)}
.contact__form input::-webkit-input-placeholder,.contact__form textarea::-webkit-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-moz-placeholder,.contact__form textarea::-moz-placeholder{color:var(--black-2);opacity:1}
.contact__form input:-ms-input-placeholder,.contact__form textarea:-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-ms-input-placeholder,.contact__form textarea::-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--black-2);opacity:1}
.contact__form textarea{height:90px}
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-20px}
.sec-title-2{font-weight:500;font-size:120px;line-height:.9;color:var(--black-2)}
.breadcrumb-section{position:relative;width:100%;max-height:300px;height:300px;background:url('../imgs/hero/1/page-header-bg.jpg') no-repeat center center/cover;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;margin-top:140px}
.breadcrumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.4));z-index:1}
.breadcrumb-content{position:relative;z-index:2}
.breadcrumb-content h1{font-size:80px;margin:0 0 10px}
.breadcrumb-nav{font-size:1rem}
.breadcrumb-nav a{color:#fff;text-decoration:none;margin:0 5px}
.breadcrumb-nav a:hover{text-decoration:underline}
.editorial-section{padding:0 0 80px;display:flex;gap:100px;align-items:flex-start}
.editorial-header{flex:1}
.editorial-header span{text-transform:uppercase;letter-spacing:.5em;font-size:.7rem;font-weight:700;margin-bottom:20px;display:block}
.editorial-header h2{font-size:5rem;line-height:1;font-weight:600}
.editorial-content{flex:1.2;padding-top:50px}
.editorial-content p{font-size:1.125rem;line-height:1.6;font-weight:400;margin-bottom:20px;color:#333;padding:0 20px}
.black-out{background:#0a0a0a;color:#fff;padding:180px 0;position:relative}
.mission-text{max-width:900px;margin:0 auto;text-align:center}
.mission-text h2{font-size:4rem;font-style:italic;margin-bottom:40px}
.mission-text p{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:#666}
.bento-section{padding:100px 0;background:#f5f5f5}
.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,300px);gap:20px}
.bento-card{background:#fff;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.bento-card.dark{background:#000;color:#fff}
.bento-card.dark p{color:#fff}
.bento-card.span-2{grid-column:span 2}
.bento-card h4{font-size:1.5rem;margin-bottom:10px;z-index:2}
.bento-card p{font-size:1.25rem;opacity:1;z-index:2}
.bento-card .number{position:absolute;top:20px;right:20px;font-size:5rem;font-weight:900;opacity:.5}
.cta__area{overflow:hidden}
.cta__content{width:50%;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta__sub-title{font-weight:400;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--black-3);border:1px solid var(--gray);display:inline-block;padding:5px 17px;border-radius:30px;margin-bottom:10px}
.cta__title{font-weight:400;font-size:50px;line-height:1;color:var(--black-2)}
.cta__content #btn_wrapper,.cta__content .btn_wrapper{margin:0 auto}
.cta__content{width:50%;margin:0 auto;text-align:center;position:relative;z-index:1}
.development__area{overflow:hidden;background:#f9f9f9}
.development__content{display:-ms-grid;display:grid;grid-gap:20px;padding-bottom:35px;margin-bottom:30px;border-bottom:1px solid var(--black-3);position:relative;z-index:1}
.development__content p{font-size:18px;line-height:1.4}
.development__wrapper{padding-bottom:55px}
.development__wrapper ul{display:-ms-grid;display:grid;-ms-grid-columns:240px auto;grid-template-columns:240px auto;-ms-grid-columns:310px auto;grid-template-columns:310px auto}
.development__wrapper ul li{display:inline-block;padding-bottom:10px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
.development__img{overflow:hidden;position:relative;width:100%;height:400px;z-index:9}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin-left:auto;margin-right:auto}
.development__img img{width:100%}
.content-service-price{margin-top:34px;position:relative;z-index:9}
.content-service-price span,.content-service-strip__price span{display:block;color:var(--black-3);font-size:18px;font-weight:500;line-height:1.2;margin-bottom:8px}
.content-service-price strong{display:inline-block;color:var(--primary);font-size:54px;font-weight:600;line-height:1}
.content-service-price small{display:inline-block;color:var(--black-3);font-size:20px;font-weight:500;margin-left:4px}
.content-service-btn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:15px 22px;border-radius:6px;background:var(--primary);color:var(--black-2);font-size:16px;font-weight:600;line-height:1;transition:all .3s}
.content-service-btn i{font-size:14px;transform:rotate(-45deg);transition:transform .3s}
.content-service-btn:hover{background:#d8ff3d;color:var(--black-2);transform:translateY(-2px)}
.content-service-btn:hover i{transform:translate(3px,-3px) rotate(-45deg)}
.content-service-strip{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr 1fr minmax(240px,.8fr);gap:28px;align-items:start;margin:0 20px;margin-top:-52px;padding:32px 36px;border-radius:14px;background:linear-gradient(135deg,var(--black-2),var(--black-6));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.content-service-strip__item{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:flex-start}
.content-service-strip__item h4{color:var(--white);font-size:18px;font-weight:600;line-height:1.25;margin-bottom:6px}
.content-service-strip__item p{color:var(--gray-3);font-size:15px;line-height:1.45}
.content-service-strip__icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:rgba(201,243,29,.14);color:var(--primary);font-size:20px}
.content-service-strip__price{padding-left:30px;border-left:1px solid rgba(255,255,255,.24)}
.content-service-strip__price span{color:var(--primary);font-size:16px;margin-bottom:6px}
.content-service-strip__price strong{display:block;color:var(--primary);font-size:42px;font-weight:600;line-height:1}
.content-service-strip__price small{color:var(--gray-3);font-size:18px;margin-left:3px}
.content-service-strip__price .content-service-btn{margin-top:16px;padding:13px 18px;font-size:15px}
.workflow__area-6{overflow:hidden;padding-top:5px}
.workflow__wrapper-6{border-top:1px solid var(--white-4);padding-top:50px}
.workflow__slide{text-align:center;position:relative}
.workflow__slide::before{position:absolute;content:"";width:100%;height:1px;left:0;top:58px;background-color:var(--black-2)}
.workflow__slide::after{position:absolute;content:"";width:18px;height:18px;left:calc(50% - 9px);top:50px;background-color:var(--primary);border:3px solid var(--white);border-radius:100%;-webkit-animation:wcBubble 1.5s 1s infinite;animation:wcBubble 1.5s 1s infinite;-webkit-transition:all .3s;transition:all .3s}
.workflow__slide p{max-width:350px;margin:0 auto}
.workflow__slide-6{max-width:270px;position:relative}
.workflow__slide-6::before{position:absolute;content:"";width:8px;height:8px;left:0;top:-54px;background-color:var(--black);border:1px solid var(--white);border-radius:100%;-webkit-animation:wcBubble 1.5s 1s infinite;animation:wcBubble 1.5s 1s infinite;-webkit-transition:all .3s;transition:all .3s}
.workflow__step{font-weight:400;font-size:18px;line-height:1.3;color:var(--black-2);text-transform:capitalize;padding-bottom:50px}
.workflow__number{font-size:85px;font-weight:500;color:var(--gray-4)}
.workflow__title{font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);padding-bottom:15px}
.workflow__title-6{font-weight:500;font-size:22px;line-height:1.25;color:var(--black);padding-bottom:15px}
.service__detail{overflow:hidden}
.service__detail .sec-title-wrapper  h2.sec-title{line-height:1.2;padding-bottom:90px}
.service__detail-circle{position:relative;z-index:1}
.service__detail-circle span{position:relative;display:block;width:136px;height:136px;background-color:var(--primary);border-radius:100%}
.service__detail-circle span::before{position:absolute;content:"";width:6px;height:6px;left:calc(50% - 3px);top:calc(50% - 3px);background-color:var(--black-2);border-radius:100%}
.service__detail-circle span::after{position:absolute;content:"";width:170px;height:2px;left:50%;top:calc(50% - 1px);background-color:var(--black-2);border-radius:100%}
.service__detail-img{padding-right:1px;position:relative;margin-bottom:60px;z-index:9}
.service__detail-img > img{border-radius:0 0px 350px 0px;}
.service__detail-img img{width:100%}
.service__detail-img img.sd-shape{width:auto;position:absolute;bottom:-15px;right:20px}
.service__detail-content{display:block}
.service__detail-content p{font-size:18px;line-height:1.4;margin-bottom:20px}
.ecom-container{background:#fff;color:#000}
.ecom-header{margin-bottom:30px}
.ecom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ecom-card{border-top:1px solid #ddd;padding-top:30px}
.stat-highlight{background:#000;color:#fff;padding:60px;position:relative;;z-index:9}
.service__area-7{background-color:#f9f9f9;padding-bottom:50px;position:relative}
.service__area-7::before{position:absolute;content:"";width:1px;height:100%;left:36%;bottom:0;background:var(--white-6)}
.service__area-7::after{position:absolute;content:"";width:1px;height:100%;left:59%;bottom:0;background:var(--white-6)}
.service__items-7{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
.service__item-7{padding-bottom:60px;position:relative;z-index:1}
.service__item-7::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:35px;background:var(--white-6)}
.service__item-7:nth-last-child(-n+3)::after{position:unset}
.service__item-7 p{max-width:340px;font-size:18px;padding-bottom:20px}
.service__item-7 ul li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
.service__title-7{font-weight:500;font-size:36px;line-height:1.3;color:var(--black-2);padding-bottom:25px;-webkit-transition:all .5s;transition:all .5s;text-transform:capitalize}
.service__title-7:hover span{padding-left:0}
.service__title-7:hover span::before{width:0}
.service__title-7 span{display:block;position:relative;padding-left:50px;-webkit-transition:all .5s;transition:all .5s}
.service__title-7 span::before{position:absolute;content:"";width:40px;height:1px;left:0;top:25px;-webkit-transition:all .5s;transition:all .5s;background-color:var(--black-2)}
.faq__area{overflow:hidden}
.faq__img{padding-right:85px;overflow:hidden;position:relative;width:calc(100% - 85px);height:630px;z-index:1}
.faq__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin-left:auto;margin-right:auto}
.faq__img img{width:100%}
.faq__content{padding-left:85px;padding-top:60px}
.faq__title{font-weight:500;font-size:36px;line-height:1.1;color:var(--black-2);max-width:100%;margin-bottom:25px}
.faq__list,.faq__list-3,.faq__list-6{padding-right:1px}
.faq__list .accordion-body,.faq__list-3 .accordion-body,.faq__list-6 .accordion-body{padding-left:0;min-height:160px}
.faq__list .accordion-item,.faq__list-3 .accordion-item,.faq__list-6 .accordion-item{border-left:0;border-right:0;border-radius:0}
.faq__list .accordion-button,.faq__list-3 .accordion-button,.faq__list-6 .accordion-button{background-color:transparent;font-weight:500;font-size:18px;line-height:1.5;color:var(--black-2);padding-left:0;padding-right:10px;border-radius:0}
.faq__list .accordion-button.collapsed::after,.faq__list-3 .accordion-button.collapsed::after,.faq__list-6 .accordion-button.collapsed::after{background-image:none;content:"+";font-weight:300;font-size:30px;top:6px;position:absolute;right:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list .accordion-button:not(.collapsed),.faq__list-3 .accordion-button:not(.collapsed),.faq__list-6 .accordion-button:not(.collapsed){-webkit-box-shadow:none;box-shadow:none;background:0 0}
.faq__list .accordion-button:not(.collapsed)::after,.faq__list-3 .accordion-button:not(.collapsed)::after,.faq__list-6 .accordion-button:not(.collapsed)::after{background-image:none;content:"-";font-weight:300;font-size:30px;top:6px;position:absolute;right:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list .accordion-button:focus,.faq__list-3 .accordion-button:focus,.faq__list-6 .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none}
.marquee-wrapper{content-visibility: auto; contain-intrinsic-size: auto 400px;}
.marquee-wrapper .marquee-block {
    --total-marquee-items: 10;
    height: 140px;
    width: calc(250px * (var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.marquee-inner {
    display: block;
    width: 200%;
    position: absolute;
}
.marquee-inner p {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin-top: 4px;
    text-align: center;
}

.marquee-inner.to-left {
    animation: 25s linear infinite marqueeLeft
}

.marquee-inner.to-right {
    animation: 25s linear infinite marqueeRight
}

.marquee-item {
    width: 140px;
    height: auto;
    display: inline-block;
    margin: 0 10px;
    float: left;
    transition: .2s ease-out;
        background: #fff;
    padding: 10px;
    border-radius: 10px;

}

.marquee-item img,
.marquee-item svg {
    width: 70px;
    height: 70px
}

/* White-background Why section styles (theme-aligned) */
.why__area.bg-white{background:#ffffff}
.why__area .c-primary-btn{margin-top:20px;padding:12px 26px}

.why__card{display:flex;align-items:flex-start;padding: 40px;border: 1.3px solid var(--black-2);border-radius: 21px; position: relative;gap:20px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.why__card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,0.06)}
.why__icon{width:100%;max-width: 50px;height:50px;border-radius:50%;background:#f9f9f9;display:flex;align-items:center;justify-content:center;color:#000;font-size:18px;}
.why__card .why__body h4{font-size:18px;margin:0 0 8px;color:var(--black-15);font-weight:700}
.why__card .why__body p{margin:0;color:var(--black-3);line-height:1.6}

@media (max-width:991px){

  .why__card{padding:25px}
}


.step,
.step::before {
    transition: transform .6s ease-in-out
}

@keyframes marqueeLeft {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes marqueeRight {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@media (max-width:1023px){
.footer-line::after{height:0}
.img-box img{position:unset;width:100%;height:auto}
.img-box img:first-child{display:none}
.img-box img:first-child{display:none}
.img-box:hover img:nth-child(2){opacity:1}
}


 
@media (max-width:1200px){
.cursor1{display:none}
.cursor2{display:none}
.cta__content-3 .btn_wrapper{width:200px;height:200px}
.story__img-wrapper{height:100%}
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:10px}
.mission-text h2{font-size:3rem}
.bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
.bento-card.span-2{grid-column:span 2}
.header__inner-3{padding:20px;-ms-grid-columns: 200px auto 0; grid-template-columns: 200px auto 0;}
.service__detail-img > img{   border-radius: 0px 0px 250px;}
.breadcrumb-content h1{font-size:60px}
}
@media only screen and (min-width:1920px){
.cta__area-3{padding-top:60px}
.team__slider{margin-left:100px}
}
@media (max-height:1365px){
.story__text p{padding-top:30px;padding-bottom:0}
}
@media (max-width:992px){
.black-out{padding:120px 0}
.mission-text h2{font-size:2.4rem;line-height:1.4}
.mission-text p{font-size:.95rem;letter-spacing:.15em}
.bento-section{padding:80px 0}
.bento-grid{grid-template-columns:repeat(2,1fr);gap:15px}
.bento-card,.bento-card.span-2{grid-column:span 1}
.bento-card{padding:30px}
.ecom-grid{display:grid;grid-template-columns:repeat(1,1fr)}
.ecom-header{margin-bottom:40px}
.editorial-section{gap:50px}
.editorial-header h2{font-size:3.5rem}
.editorial-content{padding-top:20px}
.service__detail-img > img{   border-radius: 20px 20px 20px;}
.breadcrumb-content h1{font-size:50px}

}
@media only screen and (min-width:1400px) and (max-width:1919px){
.offcanvas__menu-wrapper.mean-container{padding-top:142px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:60px;padding-left:60px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:76px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:90px}
.offcanvas__right{padding:0 30px}
.offcanvas__right .shape-1{left:20px}

.counter__area-3 .sec-title-wrapper{padding-top:120px}
.counter__area-3 .sec-sub-title{padding-bottom:60px}
.counter__item-3{padding-bottom:0}
.counter__img-3{margin-top:0;text-align:right}
.counter__img-3 img{width:80%}
.research__area{background-position:20px calc(100% - 230px)}
.research__area .sec-sub-title{padding-bottom:50px}
.research__item{padding-bottom:30px}
.testimonial__pagination{-webkit-transform:unset;transform:unset;z-index:9}
.blog__detail-title{font-size:60px}
.cta__area-3{padding-top:20px}
.cta__content-3 a{width:220px;height:220px}
.footer__inner{padding-left:512px}
.footer__widget-4{padding:130px 30px 30px}
.footer__copyright{margin-left:-35px;padding:35px 0 35px 35px}
.story__img-wrapper{height:650px}
.counter__area-3 .sec-title-wrapper{padding-top:120px}
.counter__area-3 .sec-sub-title{padding-bottom:60px}
.counter__item-3{padding-bottom:0}
.counter__img-3{margin-top:0;text-align:right}
.counter__img-3 img{width:80%}
.team__area{padding-left:62px}
.team__area-6{background-position:0 180px;padding-left:62px}
.team__detail .pb-140{padding-bottom:40px}
.team__member-img{left:0}
.team__member-img img{left:0;max-width:80%}
.sec-title-2{font-size:100px}
.service__area-7::before{left:32%}
.service__area-7::after{left:62%}
}
@media only screen and (min-width:1200px) and (max-width:1399px){
.btn_wrapper{width:220px;height:220px;margin-left:-25px}
.sec-title{font-size:50px}
.mega-menu{padding:40px 100px}
.mega-menu li ul li a{padding:6px 12px}
.offcanvas__menu-wrapper.mean-container{padding-top:110px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:48px;padding-left:50px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:64px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:80px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:120px}
.offcanvas__body{-ms-grid-columns:1.2fr 3fr 1.5fr;grid-template-columns:1.2fr 3fr 1.5fr}
.offcanvas__right{padding:0 30px}
.offcanvas__right .shape-1{left:0}
.offcanvas__logo{padding:30px 0 30px 50px}
.offcanvas__social{padding-left:50px;padding-top:30px}
.offcanvas__links{padding-left:30px;padding-top:30px}
.offcanvas__search{padding-top:140px;padding-bottom:60px}

.hero__content img{max-width:120px}
.hero__title{font-size:50px;line-height:.9}
.hero__title-wrapper{max-width:900px}
.service__top-text p{font-size:18px}
.service__img{max-width:260px}
.counter__area-3 .sec-title-wrapper{padding-top:120px}
.counter__area-3 .sec-sub-title{padding-bottom:20px}
.counter__item-3{padding-bottom:0}
.counter__img-3{margin-top:0;text-align:right}
.counter__img-3 img{width:75%}
.choose-title{font-size:160px;margin-top:-100px}
.research__area{background-position:20px calc(100% - 220px)}
.research__area.pt-150{padding-top:130px}
.research__area .sec-title{padding-bottom:20px}
.research__area .sec-title-wrapper{padding-right:40px;padding-bottom:50px}
.research__area .sec-sub-title{padding-bottom:40px}
.research__item{padding-bottom:15px}
.research__item:nth-child(odd){padding-left:80px}
.research__number span{width:160px;height:160px}
.research__title{padding-bottom:5px}
.testimonial__title-2{font-size:48px;padding-top:80px}
.testimonial__inner-2{padding:80px 30px;margin-top:185px}
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:110px;z-index:9}
.blog__area .row{--bs-gutter-x:40px}
.blog__detail-title{font-size:60px}
.cta__area-3 .pt-150{padding-top:125px}
.cta__content-3 .btn_wrapper{width:260px;height:260px}
.cta__content-3 a{width:220px;height:220px}
.cta__title-2{font-size:75px;padding-bottom:30px}
.footer__btm{padding-left:55px}
.footer__inner{padding-left:450px}
.footer__widget-4{padding:130px 40px}
.footer__widget-4 .project-title{font-size:30px}
.footer__copyright{margin-left:-54px;padding:35px 0 35px 54px}
.hero-title{font-size:60px}
.story__img-wrapper{height:580px}
.counter__item{margin-left:-60px;width:330px;height:330px}
.team__area{padding-left:62px}
.team__area-6{background-position:0 180px;padding-left:62px}
.team__area-6 .sec-title{font-size:90px}
.team__member-name-7{font-size:60px;padding-bottom:20px}
.team__member-name-7 br{display:none}
.team__join-btn{padding:200px 0}
.team__btm .sec-title-wrapper{background-size:42%}
.team__detail .pb-140{padding-bottom:40px}
.team__detail .pt-120{padding-top:60px}
.team__member-img{left:0}
.team__member-img img{left:0;max-width:70%}
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-10px}
.sec-title-2{font-size:90px}
.cta__title{padding-bottom:40px}
.development__content{grid-gap:40px}
.development__wrapper ul li{font-size:16px;padding-bottom:5px}
.service__area-7::before{left:35%}
.service__area-7::after{left:62%}
.faq__content{padding-left:30px;padding-top:30px}
.faq__img{padding-right:30px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.pt-100,.pt-120,.pt-130,.pt-140,.pt-150{padding-top:90px}
.pt-80{padding-top:60px}
.pb-80{padding-bottom: 60px;}
.pb-100,.pb-120,.pb-130,.pb-140,.pb-150{padding-bottom:90px}
.scroll-top{bottom:80px}
.btn_wrapper{width:190px;height:190px;margin-left:-10px}
.sec-title{font-size:45px}
.main-menu-3>li{padding:25px 0}
.header__inner-3{padding:20px;-ms-grid-columns: 200px auto 0; grid-template-columns: 200px auto 0;}
.top-header{padding:10px 20px}
.header__nav-2{display:none}
.offcanvas__menu-wrapper.mean-container{padding-top:93px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:40px;padding-left:30px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:57px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:60px;font-size:24px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:40px}
.offcanvas__body{-ms-grid-columns:1.2fr 2fr 1.5fr;grid-template-columns:1.2fr 2fr 1.5fr}
.offcanvas__right{padding:0 30px}
.offcanvas__right .shape-1{left:0}
.offcanvas__logo{padding:30px 0 30px 15px}
.offcanvas__social{padding-left:30px;padding-top:50px}
.offcanvas__links{padding-left:30px;padding-top:40px}
.offcanvas__search{padding-top:140px;padding-bottom:60px}

.hero__title{font-size:42px;line-height:.9}
.hero__title-wrapper{max-width:850px;margin-bottom:20px}
.about__content p{max-width:90%}
.about__content-wrapper{grid-gap:30px}
.service__area.pb-150{padding-bottom:100px}
.service__top-btn .btn_wrapper{margin-right:-10px}
.service__img{max-width:200px}
.service__img-wrapper{display:none}
.service__img-wrapper span{bottom:260px;height:40px;width:120px}
.serice-details .service__item{gap:30px}
.counter__area-3{background-color:var(--pink-4);padding:100px 0}
.counter__area-3 .sec-sub-title{display:none}
.counter__number{font-size:72px}
.counter__img-3{margin-top:0}
.workflow__area-3{padding-top:90px;background-color:var(--pink-3)}
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
.workflow__slide{padding:0 10px}
.choose-title{font-size:48px}
.research__area{background-position:20px calc(100% - 100px);padding-bottom:50px}
.research__area.pt-150{padding-top:70px}
.research__area .sec-title{font-size:40px}
.research__area .sec-title-wrapper{padding-bottom:40px;padding-right:20px}
.research__area .sec-title-wrapper p{margin-left:0}
.research__area .sec-sub-title{display:none}
.research__tools{padding-left:0;padding-bottom:60px}
.research__item:nth-child(odd){padding-left:50px}
.research__number span{width:160px;height:160px}
.testimonial__title-2{font-size:48px;padding-right:30px}
.testimonial__text-2{font-size:20px}
.testimonial__inner-2{padding:60px 30px}
.testimonial__video{max-height:740px}
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
.portfolio__text{font-size:110px}
.portfolio__info{opacity:1;visibility:visible;right:45px}
.blog__area .row{--bs-gutter-x:30px}
.blog__title{font-size:22px}
.blog__detail-title{font-size:60px}
.blog__related .pb-130{padding-bottom:40px}
.cta__area-3{background-color:var(--white)}
.cta__content-3 a{width:200px;height:200px}
.cta__content-3 .btn_wrapper .btn-item{top:0}
.cta__title-2{font-size:70px;padding-bottom:40px}
.footer__btm{padding-left:100px}
.footer__inner{padding-top:100px;padding-left:410px}
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0 0 50px 0}
.footer__widget-2{-ms-grid-column:6;-ms-grid-column-span:3;grid-column:6/9;padding:0 0 50px 0}
.footer__widget-3{grid-column:9/-1;padding:0 50px 50px 0}
.footer__widget-4{grid-column:7/-1;padding:50px;margin-left:0}
.footer__copyright{border-top:0;margin-left:0;-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0}
.hero__about-info{-ms-grid-columns:1fr 30px 2.5fr 30px 2fr;grid-template-columns:1fr 2.5fr 2fr}
.hero__about-text p{padding-left:20px}
.hero-title{font-size:60px}
.counter__area .pt-150{padding-top:100px}
.counter__item{margin-left:-25px;width:259px;height:259px}
.team__area-6{background-position:0 180px}
.team__area-6 .sec-title{font-size:72px}
.team__slide:nth-child(2n){padding-top:50px}
.team__member-name-7{font-size:60px}
.team__member-name-7 br{display:none}
.team__member-role-7{font-size:20px}
.team__join-btn{padding:100px 0}
.team__btm .sec-title-wrapper{background-size:400px}
.team__btm p{font-size:20px}
.team__detail{padding-top:120px;position:relative}
.team__detail .pb-140{padding-bottom:10px}
.team__detail .pt-120{padding-top:10px}
.team__member-img{position:unset;width:100%;height:auto}
.team__member-img img{position:unset;max-width:100%}
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
.sec-title-2{font-size:72px}
.cta__content{width:80%}
.cta__title{padding-bottom:40px}
.development__content{grid-gap:30px}
.service__area-7{padding-bottom:0}
.service__area-7::before{left:33%}
.service__area-7::after{left:63%}
.service__item-7{padding-right:30px}
.service__title-7{font-size:30px}
.faq__title{font-size:30px}
.faq__content{padding-left:0;padding-top:0}
.faq__img{padding-right:0;overflow:hidden;position:relative;width:calc(100% - 30px);height:auto}
.faq__img img{position:unset}
}
@media only screen and (min-width:768px) and (max-width:991px){
.pt-100,.pt-120,.pt-130,.pt-140,.pt-150{padding-top:80px}
.pb-100,.pb-120,.pb-130,.pb-140,.pb-150{padding-bottom:80px}
.scroll-top{right:10px;bottom:60px}
.btn_wrapper{width:180px;height:180px;margin-left:-5px}
.service__top-btn .btn_wrapper{margin-right:0}
.service__top-btn .btn_wrapper .btn-item{top:0;left:0}
.sec-title{font-size:36px}
.modal__testimonial-content{width:700px;height:480px}

.header__nav-2{display:none}
.offcanvas__menu-wrapper.mean-container{padding-top:60px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:30px;padding-left:20px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:46px;width:40px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:20px;padding:15px 0 15px 30px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:25px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
.offcanvas__body{-ms-grid-columns:1.2fr 2.3fr 1.8fr;grid-template-columns:1.2fr 2.3fr 1.8fr}
.offcanvas__right{padding:0 15px}
.offcanvas__right .shape-1{left:0}
.offcanvas__right .shape-2{right:30px}
.offcanvas__logo{padding:30px 0 30px 15px}
.offcanvas__social{padding-left:15px;padding-top:50px}
.offcanvas__social .social-title{font-size:20px}
.offcanvas__social ul li{padding-bottom:5px}
.offcanvas__social ul li a{font-size:16px}
.offcanvas__links{padding-left:15px;padding-top:40px}
.offcanvas__search{padding-top:140px;padding-bottom:60px}
.offcanvas__search input{padding:15px 40px 15px 15px}
.offcanvas__contact h3{font-size:20px}
.offcanvas__contact li{font-size:16px}
.hero__area{padding: 50px 0;}

.hero__content img{max-width:120px}
.hero__title{font-size:36px}
.hero__title-wrapper{margin-bottom:50px}
.hero__sub-title{font-size:16px}
.about__area .sec-title{max-width:660px}
.about__title-wrapper{padding-left:0}
.about__content{padding-top:5px}
.about__content p{margin-bottom:30px}
.about__content-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
.service__area.pb-150{padding-bottom:90px}
.service__top-text p{font-size:16px}
.counter__area-3{background-color:var(--pink-4);padding:90px 0}
.counter__area-3 .sec-sub-title{display:none}
.counter__item-3{padding-bottom:0}
.counter__number{font-size:48px}
.counter__img-3{margin-top:0}
.workflow__area-3{padding-top:80px;background-color:var(--pink-3)}
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
.choose-title{font-size:40px}
.research__area{padding-bottom:40px;background-position:0 210px;background-size:100px}
.research__area.pt-150{padding-top:60px}
.research__area .sec-title{padding-bottom:30px}
.research__area .sec-title-wrapper{padding-bottom:40px}
.research__area .sec-title-wrapper p{max-width:100%}
.research__area .sec-sub-title{display:none}
.research__tools{padding-bottom:60px}
.testimonial__title-2{font-size:36px;padding-right:30px}
.testimonial__text-2{padding-right:0;padding-bottom:30px;font-size:18px}
.testimonial__inner-2{padding:60px 30px;margin-top:136px}
.testimonial__video{max-height:700px}
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{margin:20px}
.portfolio__text{font-size:90px}
.portfolio__info{opacity:1;visibility:visible;right:45px}
.blog__area .row{--bs-gutter-x:20px}
.blog__title{font-size:20px}
.blog__detail-top{padding-top:90px}
.blog__detail-title{font-size:48px}
.blog__related .pb-130{padding-bottom:40px}
.cta__area-3{background-color:var(--white);padding-bottom:10px}
.cta__content-3{width:100%}
.cta__content-3 a{width:200px;height:200px}
.cta__content-3 .btn_wrapper .btn-item{top:0}
.cta__title-2{font-size:60px;padding-bottom:40px}
.footer__inner{padding-left:470px;padding-top:80px}
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/6;padding:0 0 50px 0}
.footer__widget-2{grid-column:7/-1;padding:0 0 50px 0}
.footer__widget-3{-ms-grid-column-span:6;grid-column:span 6;padding:50px 60px 0 0}
.footer__widget-4{-ms-grid-column-span:6;grid-column:span 6;padding:50px 30px;margin-left:0}
.footer__copyright{grid-column:1/-1;text-align:center;border-top:0}
.footer__copyright p{max-width:100%}
.hero__about-info{-ms-grid-columns:1fr 20px 2.5fr 20px 1fr;grid-template-columns:1fr 2.5fr 1fr;grid-gap:20px;padding-bottom:70px}
.hero__about-text p{padding-left:0}
.hero-title{font-size:48px}
.counter__item{margin-left:-27px;width:200px;height:200px}
.counter__item p{font-size:18px;line-height:1.2}
.team__area-6 .line{padding-top:150px}
.team__area-6 .sec-title{font-size:60px}
.team__slider{padding-left:15px;padding-right:15px}
.team__slide:nth-child(2n){padding-top:50px}
.team__member-name-7{font-size:48px}
.team__member-name-7 br{display:none}
.team__member-role-7{font-size:18px}
.team__member-role-7::after{left:calc(50% - 75px)}
.team__join-btn{padding:90px 0}
.team__join-btn a{width:300px;height:300px;padding:60px}
.team__join-btn a i{top:130px;right:88px}
.team__btm .sec-title-wrapper{padding-left:30%;background-size:200px;background-position:1px -50px}
.team__btm p{font-size:18px}
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:10px}
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
.team__member-img img{position:unset;max-width:100%}
.contact__area-6 .line{padding-top:150px}
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
.sec-title-2{font-size:60px}
.cta__content{width:100%}
.cta__title{padding-bottom:40px}
.development__area .pt-130{padding-top:150px}
.development__content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr}
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:unset}
.content-service-strip{grid-template-columns:1fr 1fr;margin:15px 0 0;padding:28px}
.content-service-strip__price{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-top:24px}
.workflow__title-6{font-size:20px}
.service__detail .sec-title{font-size:30px}
.service__area-7{padding-bottom:0}
.service__area-7::before{left:50%}
.service__area-7::after{display:none}
.service__items-7{-ms-grid-columns:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:0 30px}
.service__item-7{padding-right:0;padding-bottom:50px}
.service__item-7::after{bottom:28px}
.service__item-7:nth-last-child(-n+2)::after{position:unset}
.service__item-7 p,.service__item-7 ul li{font-size:16px;max-width:100%}
.service__title-7{font-size:28px;padding-bottom:18px}
.faq__content{padding-left:0;padding-top:0}
.faq__img{overflow:hidden;position:relative;width:100%;height:auto;padding-right:0}
.faq__img img{position:unset}
}
@media only screen and (max-width:767px){
.pt-100,.pt-120,.pt-130,.pt-140,.pt-150{padding-top:60px}
.pt-80{padding-top:50px}
.pb-80{padding-bottom: 50px;}
.pb-100,.pb-120,.pb-130,.pb-140,.pb-150{padding-bottom:60px}
.g-0{padding-right:15px;padding-left:15px}
.scroll-top{right:5px;bottom:55px}
.wc-btn-black,.wc-btn-light,.wc-btn-primary,.wc-btn-secondary{padding:30px}
.btn_wrapper{height:175px;width:175px;margin-left:-2.5px}
.sec-title{font-size:32px}
.main-menu-3{display:none}
.modal__testimonial-content{width:320px;height:300px}
.modal__close{right:-5px;top:-5px}
.header__inner-3{padding:20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__nav-2{display:none}
.offcanvas__menu-wrapper.mean-container{padding-top:0}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:20px;padding-left:15px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:36px;width:36px;padding:11px 12px 13px!important}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:18px;padding:15px 0 15px 30px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:23px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
.offcanvas__logo{width:100%;padding:25px 0 30px 25px!important}
.offcanvas__body{display:block}
.offcanvas__social{display:none}
.offcanvas__left{display:grid;grid-template-rows:1fr;-ms-grid-rows:1fr}
.offcanvas__right{display:none}
.offcanvas__close{right:15px;top:15px}
.offcanvas__close button{font-size:24px;width:48px;height:48px}
.hero__area{height:auto}
.hero__area{padding: 50px 0;}
.hero__content img{max-width:60px}
.hero__title{font-size:30px}
.hero__title-wrapper{margin-bottom:0}
.hero__sub-title{position:unset;padding-top:15px}
.about__title-wrapper{padding-left:0}
.about__content{padding-top:50px}
.about__content p{margin-bottom:30px}
.about__content-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:0}
.service__top-text p{font-size:18px;margin:30px 0}
.service__top-btn .btn_wrapper{margin-right:0;margin-left:0}
.service__item{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important;padding:25px 0 10px}
.service__title{padding:10px 0 20px}
.counter__area-3{background-color:var(--pink-4);padding:60px 0}
.counter__area-3 .sec-sub-title{display:none}
.counter__wrapper-3{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:50px 40px}
.counter__item-3{padding-bottom:0;text-align:center}
.counter__item-3 p{line-height:1.2}
.counter__number{font-size:40px}
.workflow__area-3{padding-top:60px;background-color:var(--pink-3)}
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
.choose-title{font-size:40px}
.research__area{background-size:0}
.research__area .sec-title-wrapper{padding-right:0;padding-bottom:40px;text-align:center}
.research__area .sec-title-wrapper p{margin:0 auto}
.research__area .sec-sub-title{display:none}
.research__list{padding-bottom:35px}
.research__tools{padding-left:0;padding-bottom:40px;text-align:center}
.research__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.research__item:nth-child(odd){padding-left:0}
.research__number span{width:130px;height:130px;font-size:36px}
.testimonial__area-2 .g-0{padding-right:8px;padding-left:8px}
.testimonial__title-2{font-size:36px;padding:20px 0}
.testimonial__text-2{font-size:18px;padding-right:0;padding-bottom:30px}
.testimonial__inner-2{text-align:center;padding:0;padding-top:60px;margin-top:30px;background-position:50% 0}
.testimonial__video{margin-right:0;max-height:unset}
.testimonial__pagination{display:none}
.portfolio__text{font-size:45px;padding:50px 0}
.portfolio__item:nth-child(2n){top:0}
.portfolio__info{opacity:1;visibility:visible;right:60px}
.portfolio__list-1{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}
.row_bottom{margin-top:30px}
.blog__item{padding-bottom:50px}
.blog__detail-top{padding-top:60px}
.blog__detail-title{font-size:36px}
.blog__detail-thumb{padding-bottom:40px}
.blog__related .pb-140{padding-bottom:0}
.blog__related .pb-130{padding-bottom:0}
.cta__area-3{background-color:var(--white);padding-bottom:10px}
.cta__content-3{width:100%}
.cta__content-3 .btn_wrapper .btn-item{top:0}
.cta__content-3 a{width:200px;height:200px;font-size:20px}
.cta__title-2{font-size:48px}
.footer__row{margin-left:0;margin-right:0}
.footer__btm{background-color:var(--black-2)}
.footer__btm .container{padding:0;background-color:var(--black-2)}
.footer__inner{background-color:transparent;padding-left:0;padding-top:60px;-ms-grid-columns:1fr;grid-template-columns:1fr}
.footer__widget{padding:0 0 50px 0;-ms-grid-column-span:4;grid-column:span 4}
.footer__widget-2{padding:0 0 50px 0;-ms-grid-column-span:4;grid-column:span 4}
.footer__widget-3{padding:0 0 50px 0}
.footer__widget-4{padding:30px;margin-left:0}
.footer__copyright{grid-column:1/-1;-ms-grid-row:7;grid-row:7;text-align:center;border-top:0;padding-top:0}
.footer__copyright p{max-width:100%}
.hero__about-content{padding-top:50px}
.hero__about-content .hero-title{padding-bottom:30px}
.hero__about-info{padding-bottom:60px}
.hero__about-text{grid-column:1/-1;-ms-grid-row:1;grid-row:1;margin-bottom:20px}
.hero__about-text p{padding-left:0}
.hero-title{font-size:36px}
.story__img-wrapper img{margin-bottom:20px}
.counter__wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px 10px}
.counter__wrapper-2{-ms-grid-columns:1fr 50px 1fr;grid-template-columns:repeat(2,1fr);gap:50px}
.counter__item{margin-left:0;width:160px;height:160px}
.counter__item p{font-size:16px;line-height:1.3;padding:0 7px}
.team__area-6 .sec-title{font-size:48px;padding-top:90px}
.team__slide{padding:0 20px}
.team__slide:nth-child(2n){padding-top:0}
.team__member-name-7{font-size:36px;padding-bottom:20px}
.team__member-role-7{font-size:18px}
.team__member-role-7::after{left:calc(50% - 75px)}
.team__join-btn{padding:60px 0}
.team__join-btn a{width:220px;height:220px;padding:35px}
.team__join-btn a i{right:50px;top:90px}
.team__btm .sec-title-wrapper{background-size:0;padding-left:0;padding-bottom:0}
.team__btm p{font-size:18px}
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:0}
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
.team__member-img img{position:unset;max-width:100%}
.contact__area-6 .line{padding-top:130px}
.contact__text{padding-top:30px}
.contact__btm{padding-top:50px}
.contact__info{padding-bottom:50px}
.contact__form input,.contact__form textarea{margin-bottom:20px}
.sec-title-2{font-size:45px}
.cta__content{width:100%}
.cta__title{font-size:36px;padding-bottom:40px}
.development__area .pt-130{padding-top:120px}
.development__area .pb-150{padding-bottom:40px}
.development__content{padding-top:30px;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
.development__wrapper{padding-bottom:15px}
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr;padding-bottom:20px}
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:unset}
.content-service-price{margin-top:24px;margin-bottom:10px}
.content-service-price strong{font-size:44px}
.content-service-price small{font-size:18px}
.content-service-btn{width:100%;padding:14px 16px}
.content-service-strip{grid-template-columns:1fr;gap:22px;margin:15px 0 0;padding:24px 20px;border-radius:10px}
.content-service-strip__item{grid-template-columns:46px 1fr;gap:14px}
.content-service-strip__icon{width:46px;height:46px;font-size:17px}
.content-service-strip__price{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-top:22px}
.content-service-strip__price strong{font-size:36px}
.workflow__area-6 .pb-130{padding-bottom:20px}
.workflow__wrapper-6{border-top:none;padding-top:0}
.workflow__slide-6{max-width:100%;padding-bottom:40px}
.workflow__slide-6::before{width:0;height:0}
.workflow__title-6{padding-bottom:10px}
.service__detail .sec-title{font-size:30px;padding-bottom:30px}
.service__detail-circle{display:none}
.service__detail-img{margin-top:30px}
.service__detail-img img.sd-shape{right:5px;bottom:-30px}
.service__area-7::before{display:none}
.service__area-7::after{display:none}
.service__items-7{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}
.service__item-7{padding-bottom:40px;padding-right:0}
.service__item-7::after{bottom:22px}
.service__item-7:nth-last-child(-n+3)::after{position:absolute}
.service__item-7 p,.service__item-7 ul li{font-size:16px;max-width:100%}
.service__title-7{font-size:28px;padding-bottom:16px}
.service__title-7:hover span{padding-left:50px}
.faq__title{font-size:30px}
.faq__content{padding-left:0;padding-top:0}
.faq__img{overflow:hidden;position:relative;width:100%;height:auto;padding-right:0}
.faq__img img{position:unset}
.editorial-section{flex-direction:column;gap:30px;padding-left:20px;padding-right:20px}
.editorial-header h2{font-size:2.5rem}
.editorial-content{padding-top:0}
.editorial-content p{padding:0;font-size:1rem}
.black-out{padding:100px 20px}
.mission-text h2{font-size:1.8rem}
.mission-text p{font-size:.8rem;letter-spacing:.1em}
.bento-section{padding:60px 20px}
.bento-grid{grid-template-columns:1fr}
.bento-card{height:auto;min-height:200px;padding:25px}
.bento-card h4{font-size:1.2rem}
.bento-card p{font-size:1rem}
.bento-card .number{font-size:3rem}
.breadcrumb-content h1{font-size:36px}

.breadcrumb-section{margin-top:100px;height: 200px;max-height: 200px;}
}
@media only screen and (max-width:560px){
.header__area-3 .btn_wrapper{position:fixed;right:-70px; transform: translate(0px, -70px); z-index:1;}
.header__area-3 .c-primary-btn{position:fixed!important;background:#fff;transform:rotate(90deg);right:0;top:100%; z-index:1;}
.modal{z-index:999999!important}
.modal-backdrop{z-index:999998!important}
.hero__title{font-size:27px}
}
@media (max-width:480px){
.editorial-header span{letter-spacing:.3em;font-size:.6rem}
.editorial-header h2{font-size:2rem}
.editorial-section{padding:0 20px 50px}
.mission-text h2{font-size:1.5rem}
.bento-card{padding:20px}
.bento-card h4{font-size:1.1rem}
.bento-card p{font-size:.95rem}
.bento-card .number{font-size:2.5rem}
}


.img-anim{overflow:hidden;position:relative;width:100%;min-height:320px;height:420px;display:block;}
.img-anim img{position:absolute;inset:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin-left:auto;margin-right:auto;display:block}

@media (min-width:1200px){
.img-anim{height:565px}
}
@media (max-width:767px){
.img-anim{height:320px;min-height:320px}
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1360px;
    }
}    
@media (min-width: 1480px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1456px;}
}


.portfolio-custom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 0 40px;
  background-color: var(--white);
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}

/* .portfolio-custom-image {
  min-height: 420px;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
} */

.portfolio-custom-image .portfolio__slider-2 {
  position: relative;
  height: 100%;
  min-height: 420px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.portfolio-mockup-shell {
  background: #000;
  border-radius: 3% 3% 0.5% 0.5% / 5%;
  margin: 0 auto;
  position: relative;
  width: 90%;
  max-width: 680px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}

.portfolio-mockup-shell:before {
    border: 2px solid #cacacc;
    border-radius: 3% 3% 0.5% 0.5% / 5%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
    content: "";
    display: block;
    padding-top: 72%;
}

.portfolio-mockup-shell:after {
    content: "";
    border-top: 2px solid rgba(255, 255, 255, 0.15);
    position: absolute;
    bottom: 0.75%;
    left: 0.5%;
    padding-top: 1%;
    width: 99%;
}

.base {
  /* for aspect ratio */
  position: relative;
  width: 100%;
}

.base:before {
  content: "";
  display: block;
  /* for aspect ratio ~33:1000*/
  padding-top: 3.3%;
  /* stylin */
  background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
  border-radius: 0 0 10% 10%/ 0 0 50% 50%;
}

.base::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 53%;
  position: absolute;
  top: 0;
  width: 100%;
}

.notch {
  background: #ddd;
  border-radius: 0 0 7% 7% / 0 0 95% 95%;
  box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5%;
  z-index: 2;
  /* for aspect ratio */
  position: relative;
  width: 14%;
}

.notch:before {
  content: "";
  display: block;
  /* for aspect ratio ~1:10 */
  padding-top: 10%;
}


.portfolio-mockup-shell .portfolio__slider-2 {
  position: absolute;
  z-index: 1;
  inset: 5% 3% 7% 3%;
  min-height: 0;
  height: auto;
  width: auto;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
}

.portfolio-mockup-shell .portfolio__slider-2 .swiper-wrapper {
  height: 100%;
}

.portfolio-mockup-shell .portfolio__slider-2 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  height: 100%;
}



.portfolio-custom-image .portfolio__slider-2 .swiper-wrapper {
  height: 100%;
}

.portfolio-custom-image .portfolio__slider-2 .swiper-slide {
  height: 100%;

}

.portfolio-custom-image .portfolio__slider-2 .portfolio__slider-2-pagination-- {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.portfolio-custom-image .portfolio__slider-2 .circle-pagination {
  position: relative;
  width: 80px !important;
  bottom: unset !important;
  top: unset !important;
  transform: none;
}

.portfolio-custom-image .portfolio__slider-2 img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top;
}

.portfolio-custom-content {
  padding: 40px 0 40px 20px;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.portfolio-custom-content .sec-title {
  line-height: 1.1;
  padding-bottom: 20px;
}

.portfolio-custom-content p {
  font-size: 18px;
  line-height: 1.6;
  padding-bottom: 30px;
}

.portfolio-custom-content .btn-common-wrap {
  opacity: 1;
}

@media only screen and (max-width: 991px) {
  .portfolio-custom-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .portfolio-custom-image {
    min-height: 360px;
    height: auto;
    width: 100%;
    padding: 10px 0 20px;
  }

  .portfolio-custom-image .portfolio__slider-2 {
    min-height: 320px;
    height: auto;
    width: 95%;
  }
  .portfolio-mockup-shell:before
  {
    display:none;
  }

  .portfolio-mockup-shell {
    width: min(100%, 650px);
    aspect-ratio: 1.05 / 0.9;
  }

  .portfolio-mockup-shell .portfolio__slider-2 {
    inset: 3% 3% 3% 3%;
  }

  .portfolio-custom-image .portfolio__slider-2 .portfolio__slider-2-pagination-- {
    right: 15px;
  }

  .portfolio-custom-content {
    padding: 30px 20px 40px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-custom-image {
    min-height: 280px;
    height: auto;
    width: 100%;
  }

  .portfolio-custom-image .portfolio__slider-2 {
    min-height: 220px;
    height: 220px;
    width: 100%;
  }

  .portfolio-mockup-shell {
    width: min(100%, 360px);
    aspect-ratio: 1.05 / 0.9;
  }

  .portfolio-mockup-shell .portfolio__slider-2 {
    inset: 13% 12% 18% 12%;
  }

  .portfolio-custom-content {
    padding: 24px 15px 36px;
    width: 100%;
  }

  .portfolio-custom-content p {
    font-size: 16px;
  }
}
.portfolio__area-2 {
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .portfolio__area-2 {
    padding-bottom: 15px;
  }
}
.portfolio__area-2::after {
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .portfolio__area-2::after {
    z-index: unset;
  }
}
.portfolio__area-2 .swiper-slide-active .sec-title {
  -webkit-animation: wcfadeUp 1s 0.5s forwards;
          animation: wcfadeUp 1s 0.5s forwards;
}
.portfolio__area-2 .swiper-slide-active p {
  -webkit-animation: wcfadeUp 1s 0.7s forwards;
          animation: wcfadeUp 1s 0.7s forwards;
}
.portfolio__area-2 .swiper-slide-active .btn-common-wrap {
  -webkit-animation: wcfadeUp 1s 0.9s forwards;
          animation: wcfadeUp 1s 0.9s forwards;
}
.portfolio__area-2 .sec-title-wrapper {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .portfolio__area-2 .sec-title-wrapper {
    text-align: left;
  }
}
.portfolio__area-2 .sec-title-wrapper .sec-text {
  font-size: 24px;
  max-width: 410px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .portfolio__area-2 .sec-title-wrapper .sec-text {
    font-size: 20px;
  }
}
.portfolio__area-2 .sec-title-3 {
  font-weight: 400;
  background-image: url(../imgs/shape/1.png);
  background-repeat: no-repeat;
  background-position: 70% 25px;
  display: inline-block;
  padding-bottom: 120px;
  padding-right: 320px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__area-2 .sec-title-3 {
    background-size: 260px;
    background-position: 70% 20px;
    padding-right: 200px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__area-2 .sec-title-3 {
    background-size: 200px;
    background-position: 95% 0;
    padding-right: 100px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__area-2 .sec-title-3 {
    background-size: 150px;
    background-position: 60% 0;
    padding-left: 0;
    padding-bottom: 45px;
    padding-right: 0px;
  }
}
.portfolio__area-2 .sec-title-3 span {
  display: block;
  padding-left: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__area-2 .sec-title-3 span {
    padding-right: 0;
    padding-left: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__area-2 .sec-title-3 span {
    padding-right: 0;
    padding-left: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__area-2 .sec-title-3 span {
    padding-right: 0;
    padding-left: 85px;
  }
}
.cta-modern-wrap::before {
          content: "";
          position: absolute;
          inset: auto -40px -60px auto;
          width: 220px;
          height: 220px;
          background: radial-gradient(circle, #c9f31d54, transparent 70%);
          border-radius: 50%;
          pointer-events: none;
        }

        .cta-modern-left {
          position: relative;
          z-index: 1;
          color: #f8fafc;
        }

        .cta-modern-wrap {
          background: linear-gradient(135deg, #fcfcfd 0%, #f5f7fb 100%);
          border: 1px solid #e7ebf2;
          border-radius: 28px;
          padding: 48px;
          box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
          overflow: hidden;
          position: relative;
        }

        .cta-modern-badge {
          display: inline-block;
          padding: 8px 14px;
          border-radius: 999px;
          background: #f3f6d8;
          color: #4b5a0f;
          font-size: 0.8rem;
          font-weight: 600;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          margin-bottom: 16px;
        }

        .cta-modern-title {
          font-size: clamp(1.8rem, 2.3vw, 2.5rem);
          line-height: 1.2;
          margin-bottom: 16px;
          color: #111827;
        }

        .cta-modern-text {
          color: #475569;
          font-size: 1rem;
          line-height: 1.8;
          margin-bottom: 20px;
        }

        .cta-modern-list {
          list-style: none;
          padding: 0;
          margin: 0 0 24px;
          display: grid;
          gap: 10px;
        }

        .cta-modern-list li {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          color: #334155;
        }

        .cta-modern-list li::before {
          content: "•";
          color: #c9f31d;
          font-size: 1.2rem;
          line-height: 1;
          margin-top: 1px;
        }

        .cta-modern-stats {
          display: flex;
          flex-wrap: wrap;
          gap: 16px;
        }

        .cta-modern-stats .stat-box {
          background: #ffffff;
          border: 1px solid #ececec;
          border-radius: 16px;
          padding: 12px 14px;
          min-width: 120px;
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
        }

        .cta-modern-stats .stat-box strong {
          display: block;
          color: #111827;
          font-size: 1.05rem;
        }

        .cta-modern-stats .stat-box span {
          color: #64748b;
          font-size: 0.9rem;
        }

        .cta-modern-form-card {
          background: #ffffff;
          border: 1px solid #ececec;
          border-radius: 22px;
          padding: 28px;
          box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
          position: relative;
          z-index: 1;
        }

        .cta-modern-form-card .form-title {
          font-size: 1.35rem;
          color: #111827;
          margin-bottom: 8px;
          font-weight: 700;
        }

        .cta-modern-form-card .form-subtitle {
          color: #64748b;
          margin-bottom: 20px;
          font-size: 0.95rem;
        }

        .cta-modern-form-card .contact__form form input,
        .cta-modern-form-card .contact__form form textarea {
          width: 100%;
          font-weight: 400;
          font-size: 15px;
          color: #111827;
          border: none;
          border-bottom: 1px solid #e2e8f0;
          background: transparent;
          padding: 12px 0;
          margin-bottom: 20px;
          border-radius: 0;
          box-shadow: none;
        }

        .cta-modern-form-card .contact__form form input:focus,
        .cta-modern-form-card .contact__form form textarea:focus {
          outline: none;
          border-bottom-color: #111827;
          box-shadow: none;
        }

        .cta-modern-form-card .contact__form form textarea {
          min-height: 90px;
          resize: vertical;
        }

        .cta-modern-form-card .contact__form .btn_wrapper {
          margin-top: 6px;
        }

        

        .cta-modern-form-card .contact__form .btn_wrapper .wc-btn-primary br {
          display: none;
        }

        .cta-modern-form-card .contact__form .btn_wrapper .wc-btn-primary span {
          display: none;
        }

        .cta-modern-form-card .contact__form .btn_wrapper .wc-btn-primary:hover {
          background: #d8ff3d;
          border-color: #d8ff3d;
        }

        @media (max-width: 991px) {
          .cta-modern-wrap {
            padding: 32px 22px;
          }

          .cta-modern-form-card {
            margin-top: 20px;
          }
        }

        @media (max-width: 575px) {
          .cta-modern-wrap {
            padding: 24px 16px;
            border-radius: 20px;
          }

          .cta-modern-stats {
            flex-direction: column;
          }
        }

.portfolio__service {
  background-color: #fff;

}


.portfolio__service-list {
  padding-top: 62px;
}
.portfolio__service-item {
  padding: 40px;
  border: 1.3px solid var(--black-2);
  border-radius: 21px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__service-item {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__service-item {
    margin-bottom: 20px;
  }
}
.portfolio__service-item::after {
  position: absolute;
  content: "";
  width: 23px;
  height: 76px;
  right: -2px;
  top: calc(50% - 38px);
  background: var(--black-2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 15px 0px 0px 15px;
}
.portfolio__service-item:hover .ps-title,
.portfolio__service-item:hover ul li {
  color: var(--white);
}
.portfolio__service-item:hover::after {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  right: -1px;
  top: 0;
  border-radius: 15px;
}
.portfolio__service-item .ps-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--black-2);
  padding-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__service-item .ps-title {
    font-size: 20px;
    line-height: 1.3;
  }
}



.portfolio__service-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 20px;
}

.service-v5 .portfolio__service-item, .service-v5.portfolio__service .sec-title, .service-v5.portfolio__service .sec-text, .service-v5.portfolio__service .sec-text p {
    opacity: 1;
}
.service-v5 .portfolio__service-item {
    margin-bottom: 25px;
}
.portfolio__service-item:hover p {
    color: var(--white);
}
a.c-primary-btn{display:inline-flex; gap:10px;}
a.c-primary-btn:hover{color:#000;}