@font-face{font-family:'Font Awesome 5 Free';src:url(/fonts/fa-solid-900.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--primary:#081e33;--secondary:#f89914}
.card-inner h3,.form-heading h3,.logo-name,.q-num,.visual-card h3{font-family:"Cormorant Garamond",serif}
.contact-item,.cta-btn,.footer-copy a,.footer-legal li a,.footer-logo,.info-item,.social-btn,.visual-cta,.xs-menu-tools>li>a,a,a:hover{text-decoration:none}
body,button,h1,h2,h3,h4,h5,h6,input,p,select,textarea{font-family:Ubuntu,sans-serif}
*,figure,li,ul{margin:0}
.theme-btn,.theme-btn i{height:50px;font-size:15px}
.theme-btn-two:before,.theme-btn:before{z-index:-1;position:absolute;content:""}
.pagination li,.pagination li a,.theme-btn,.theme-btn-two,img{display:inline-block}
.top-bar-inner,.top-bar-left{display:flex;align-items:center}
.sec-title em,p{font-style:normal}
.theme-btn,.theme-btn-two{z-index:1;font-weight:500}
#content_block_34 .content-box .list-item li:last-child,.chooseus-section .inner-box .list-item li:last-child,.feature-style-11 .inner-content .inner-box:last-child,.form-group:last-child,.form-row .form-group,.menu-area .mobile-nav-toggler .icon-bar:last-child,.mobile-menu .contact-info ul li:last-child,p{margin-bottom:0}
.mobile-menu-visible,.site-footer,.social-btn,.theme-btn,.theme-btn-two{overflow:hidden}
.pagination li a,.theme-btn,.theme-btn:hover i{background:0 0}
*{padding:0;border:none;outline:0}
.top-bar-chat,.top-bar-item,.top-bar-mail{font-family:"DM Sans",sans-serif;border-radius:50px;font-weight:600;text-decoration:none}
body,html{overflow-x:hidden!important}
body{font-size:15px;color:#777;line-height:30px;font-weight:400;background:center top/cover no-repeat #fff;-webkit-font-smoothing:antialiased}
.banner-style-13,.faq-item.open .q-text,.faq-question:hover .q-text,.form-heading h3 span,.ind-card.dark:hover .ind-name,.info-item:hover,.main-menu .navigation>li>ul>li>a:hover,.main-menu .navigation>li>ul>li>ul>li:hover>a,.mobile-menu .navigation li.current>a,.mobile-menu .navigation li>a:hover,.pkg-title span,.sidebar-info-contents .content-inner .contact-info ul li a:hover,.testimonial-style-11 .testimonial-inner .owl-next:hover,.testimonial-style-11 .testimonial-inner .owl-prev:hover,.theme-btn,.wcu-header h2 span,a{color:var(--secondary)}
a{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.theme-btn,h1,h2,h3,h4,h5,h6,input,p{transition:.5s}
@media (min-width:1200px){
.container{max-width:1200px;padding:0 15px}
}
.large-container{max-width:1600px;padding:0 15px;margin:0 auto}
.top-bar{background:#000;border-bottom:1px solid var(--secondary);padding:9px 0;position:relative;z-index:9999}
.top-bar-inner{justify-content:space-between;gap:356px}
span.top-bar-tagline{color:#fff;text-transform:capitalize;font-style:italic!important;font-weight:700}
.top-bar-left{font-size:12px;color:#fff;gap:20px}
.top-bar-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#fff;transition:color .3s;background:var(--secondary);padding:7px 18px}
.top-bar-item:hover{background:var(--primary);color:#fff}
.top-bar-item svg{width:18px;height:20px;flex-shrink:0;stroke:#fff;stroke-width:3}
.top-bar-divider{width:1px;height:16px;background:rgba(255,255,255,.12);flex-shrink:0}
.top-bar-right{display:flex;align-items:center;gap:10px}
.top-bar-chat,.top-bar-mail{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;padding:6px 16px;transition:.3s;letter-spacing:.03em;background:var(--secondary);border:1.5px solid var(--secondary)}
.top-bar-chat{color:#fff}
.top-bar-chat:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.top-bar-mail{color:#fff;font-weight:600}
.theme-btn,.top-bar-mail:hover{background:var(--primary);color:#fff}
.top-bar-mail:hover{border-color:var(--secondary)}
.top-bar-chat svg,.top-bar-mail svg{width:18px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:3}
.container-fluid{padding:0}
.auto-container{position:static;max-width:1200px;padding:0 15px;margin:0 auto}
#image_block_34 .image-box,.boxed_wrapper,.container,.cta-contact,.cta-right,.faq-section,.faq-visual,.feature-style-11 .inner-content .inner-box .image-box,.form-card,.pagination li a,.sidebar-info-contents,.sidebar-info-contents .content-inner,.sidebar-info-contents .content-inner .content-box,.stat,.stat-item,.theme-btn,.theme-btn-two,.visual-card,.wcu-card,h1,h2,h3,h4,h5,h6,p{position:relative}
.small-container{max-width:680px;margin:0 auto}
.boxed_wrapper{overflow-x:hidden;margin:0 auto;width:100%;min-width:300px}
a:hover{outline:0}
button,input,select,textarea{font-weight:400;font-size:15px}
li,ul{list-style:none;padding:0}
button:focus,input:focus,textarea:focus{outline:0;box-shadow:none;transition:.5s}
.pricing-style-four .pricing-table:first-child .table-content li:first-child,.pricing-style-four .pricing-table:first-child .table-content li:nth-child(2),.pricing-style-four .pricing-table:first-child .table-content li:nth-child(3),.pricing-style-four .pricing-table:nth-child(2) .table-content li:first-child,.pricing-style-four .pricing-table:nth-child(2) .table-content li:nth-child(2),.sidebar-info-contents .content-inner .contact-info ul li a,p{color:#777}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}
.centred,.sec-title.center,.sec-title.center h2,.sec-title.center p{text-align:center}
.pull-left{float:left}
.pull-right{float:right}
img{max-width:100%;height:auto;transition:.7s ease-in-out .1s}
@keyframes pulse{
50%{box-shadow:0 0 0 30px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,.1)}
}
@keyframes pulse-2{
50%{box-shadow:0 0 0 20px rgba(0,0,0,.2),0 0 0 40px rgba(0,0,0,.1)}
}
.theme-btn{padding:12px 80px 12px 40px;line-height:26px;border:1px solid #ff4500;border-radius:30px;text-transform:capitalize;cursor:pointer}
.banner-style-13,.contact-label,.cta-text,.cwd-left-title,.eyebrow,.form-group label,.ind-name,.logo-tag,.m-tag,.mobile-menu .navigation li>a,.overlay-tag,.pkg-badge,.pkg-includes-label,.pricing-style-four .pricing-table .table-header .text,.proc-header-left .eyebrow,.stat-label,.tag,.wcu-eyebrow{text-transform:uppercase}
.theme-btn i,.theme-btn-two{background:var(--secondary)}
.pagination li a,.scroll-top,.theme-btn-two{font-size:16px;text-align:center}
.preloader,.theme-btn-two:before,.theme-btn:before{height:100%;width:100%;left:0;top:0}
.scroll-top,.theme-btn i{width:50px;color:#fff;line-height:50px}
.scroll-top span,.service-block-one .inner-box h3 a,.theme-btn:hover{color:#fff!important}
.theme-btn:before{background-color:var(--secondary);border-radius:30px;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transition:transform .5s cubic-bezier(.86,0,.07,1);-moz-transition:transform .5s cubic-bezier(.86,0,.07,1);-o-transition:transform .5s cubic-bezier(.86,0,.07,1);transition:transform .5s cubic-bezier(.86,0,.07,1);-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);-moz-transition-timing-function:cubic-bezier(.86,0,.07,1);-o-transition-timing-function:cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1)}
.theme-btn:hover:before{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}
.theme-btn i{position:absolute;top:-1px;right:-1px;text-align:center;border-radius:50%;transition:.9s}
.theme-btn-two{color:#fff;border-radius:30px;padding:10px 30px;cursor:pointer;transition:.5s}
.theme-btn-two:before{opacity:0;background-color:#fff;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:scale(.2,1);transform:scale(.2,1)}
.pricing-style-four .pricing-table .table-footer a:hover::before,.theme-btn-two:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.theme-btn-two:hover{color:var(--secondary);background:#fff;box-shadow:0 0 15px rgba(69,39,164,.5)}
.mobile-menu .navigation li,.pagination,.sec-title{position:relative;display:block}
.pagination li{margin:0 6px}
.pagination li a{height:40px;width:40px;line-height:38px;font-weight:500;border:1px solid #bdbdbd;border-radius:50%;color:#777;transition:.5s}
.pagination li a.active,.pagination li a:hover{color:#fff;border-color:var(--secondary);background:var(--secondary)}
.pagination li:first-child a,.pagination li:last-child a{background:#222;border-color:#222;color:#fff}
.mobile-menu .navigation li,.mobile-menu .navigation li>ul>li:first-child{border-top:1px solid rgba(255,255,255,.1)}
.sec-pad{padding:154px 0 120px}
.sec-pad-two{padding:100px 0!important}
.sec-pad-three{padding:200px 0!important}
.sec-pad-four{padding:100px 0 70px!important}
.preloader{position:fixed;z-index:999999;background-color:#4527a4;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif)}
.scroll-top{height:50px;position:fixed;bottom:105%;right:50px;z-index:99;cursor:pointer;background:#222;transition:1s}
.main-header,.sec-title em,.sec-title h2,.sec-title p{position:relative}
.scroll-top:hover{background:var(--secondary);-webkit-box-shadow:2px 2px 0 #222;-ms-box-shadow:2px 2px 0 #222;box-shadow:2px 2px 0 #222}
.scroll-top.open{bottom:30px}
@-webkit-keyframes shine{
from{-webkit-mask-position:150%}
to{-webkit-mask-position:-50%}
}
.sec-title h2{display:block;font-size:36px;line-height:48px;color:#222;font-weight:500;padding-bottom:31px}
.main-menu .navigation>li>a,.sec-title p{line-height:30px;font-size:16px;display:block}
.sec-title em{z-index:999;background:linear-gradient(135deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text}
.sec-title.center h2:after,.sec-title.center h2:before{left:50%;transform:translateX(-50%)}
.sec-title p{color:#777;margin:0}
.margin_left_30{margin-left:30px!important}
.margin_right_30{margin-right:30px!important}
.margin_bottom_30{margin-bottom:30px!important}
.margin_left_100{margin-left:100px!important}
.main-header{left:0;top:0;z-index:999;width:100%;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.sticky-header{position:fixed;opacity:0;visibility:hidden;background:var(--secondary);left:0;top:0;box-shadow:0 10px 20px rgba(0,0,0,.2);width:100%;z-index:0;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.fixed-header .sticky-header{z-index:999;opacity:1;visibility:visible;-ms-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-op-animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-ms-animation-duration:.5s;-moz-animation-duration:.5s;-op-animation-duration:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-ms-animation-timing-function:linear;-moz-animation-timing-function:linear;-op-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-op-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.main-header .outer-container{position:absolute;left:0;top:0;width:100%}
.main-header .outer-container .logo-box .logo{position:relative;padding:18px 0 30px;width:145px}
.feature-style-11 .inner-content .inner-box:first-child .image-box img,.feature-style-11 .inner-content .inner-box:last-child .image-box img,.feature-style-11 .inner-content .inner-box:nth-child(3) .image-box img,.main-menu{position:relative;float:left}
.main-menu .navbar-collapse{padding:0;display:block!important}
.banner-style-13 .content-box .mail-box .form-group,.main-menu .navigation{position:relative;margin:0}
.main-menu .navigation>li{position:relative;float:left;z-index:2;padding:70px 0 25px;margin:0 25px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.main-menu .navigation>li:last-child{margin-right:0!important}
.main-menu .navigation>li:first-child{margin-left:0!important}
.main-menu .navigation>li>a{position:relative;text-align:center;font-weight:500;opacity:1;color:#fff;padding:0;z-index:1;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.main-menu .navigation>li>ul,.mobile-menu .navigation li>a{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.main-menu .navigation>li>ul{position:absolute;left:0;top:100%;width:280px;z-index:100;display:none;opacity:0;visibility:hidden;padding:20px 0;background-color:#fff;-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;transition:.5s}
.main-menu .navigation>li>ul.from-right,.main-menu .navigation>li>ul>li>ul.from-right{left:auto;right:0}
.main-menu .navigation>li>ul>li,.main-menu .navigation>li>ul>li>ul>li{position:relative;width:100%;padding:0 30px}
.main-menu .navigation>li>ul>li:last-child,.main-menu .navigation>li>ul>li>ul>li:last-child,.pkg-features li:last-child{border-bottom:none}
.main-menu .navigation>li>ul>li>a,.main-menu .navigation>li>ul>li>ul>li>a{position:relative;display:block;padding:6px 0;line-height:24px;font-weight:400;font-size:14px;text-transform:capitalize;color:#222;text-align:left;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.main-menu .navigation>li>ul>li.dropdown>a:after{font-family:"Font Awesome 5 Free";content:"\f105";position:absolute;right:20px;top:12px;display:block;line-height:24px;font-size:16px;font-weight:800;text-align:center;z-index:5}
.main-menu .navigation>li>ul>li>ul{position:absolute;left:100%;top:-2px;width:230px;z-index:100;display:none;padding:20px 0;background-color:#fff;-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after{font-family:"Font Awesome 5 Free";content:"\f105";position:absolute;right:20px;top:12px;display:block;line-height:24px;font-size:16px;font-weight:900;z-index:5}
.main-menu .navigation>li.dropdown:hover>ul{visibility:visible;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.main-menu .navigation li>ul>li.dropdown:hover>ul{visibility:visible;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition:.3s;-moz-transition:.3s;-webkit-transition:.5s;-ms-transition:.3s;-o-transition:.3s}
.main-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:10px;top:8px;width:34px;height:30px;border:1px solid #fff;text-align:center;font-size:16px;line-height:26px;color:#fff;cursor:pointer;z-index:5;display:none}
.menu-area .mobile-nav-toggler,.nav-outer .mobile-nav-toggler{position:relative;float:right;font-size:40px;line-height:50px;cursor:pointer;color:#3786ff;display:none}
.menu-area .mobile-nav-toggler .icon-bar{position:relative;height:2px;width:30px;display:block;margin-bottom:5px;background-color:var(--secondary);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.banner-contact-form .form-group input:focus,.banner-contact-form .form-group select:focus,.banner-contact-form .form-group textarea:focus,.main-header.home-1 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-11 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-16 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-3 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-7 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-8 .menu-area .mobile-nav-toggler .icon-bar,.main-header.home-9 .menu-area .mobile-nav-toggler .icon-bar,.pricing-style-four .feature-inner .list li:nth-child(odd),.pricing-style-four .pricing-table .table-content li:nth-child(odd){background:#fff}
.main-menu .navigation .megamenu{width:500px}
.main-menu .navigation .megamenu:before{position:absolute;content:"";background:#e5e5e5;width:2px;height:calc(100% - 60px);left:42%;top:30px}
.main-menu .navigation>li>.megamenu li{position:relative;display:block;width:50%;float:left}
.mobile-menu{position:fixed;right:0;top:0;width:300px;padding-right:30px;max-width:100%;height:100%;opacity:0;visibility:hidden;z-index:999999}
.mobile-menu .navbar-collapse{display:block!important}
.mobile-menu .nav-logo{position:relative;padding:30px 25px;text-align:left}
.mobile-menu-visible .mobile-menu{opacity:1;visibility:visible}
.mobile-menu .menu-backdrop{position:fixed;right:0;top:0;width:100%;height:100%;z-index:1;background:#000;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%);transition:.9s;-moz-transition:.9s;-webkit-transition:.9s;-ms-transition:.9s;-o-transition:.9s}
.mobile-menu-visible .mobile-menu .menu-backdrop{opacity:.7;visibility:visible;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;transition:.7s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mobile-menu .menu-box{position:absolute;left:0;top:0;width:100%;height:100%;max-height:100%;overflow-y:auto;background:#000;padding:0;z-index:5;opacity:0;visibility:hidden;border-radius:0;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%)}
.mobile-menu-visible .mobile-menu .menu-box{opacity:1;visibility:visible;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;transition:.7s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mobile-menu .close-btn{position:absolute;right:25px;top:10px;line-height:30px;width:24px;text-align:center;font-size:16px;color:#fff;cursor:pointer;z-index:10;-webkit-transition:.9s;-moz-transition:.9s;-ms-transition:.9s;-o-transition:.9s;transition:.9s}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.mobile-menu .close-btn:hover{color:var(--secondary);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.mobile-menu .navigation{position:relative;display:block;width:100%;float:none}
.mobile-menu .navigation:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu .navigation li>a{position:relative;display:block;line-height:24px;padding:10px 25px;font-size:15px;font-weight:500;color:#fff;transition:.5s}
.mobile-menu .navigation li.dropdown .dropdown-btn,.mobile-menu .navigation li>a:before{position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.mobile-menu .navigation li ul li>a{font-size:16px;margin-left:20px;text-transform:capitalize}
.mobile-menu .navigation li>a:before{content:"";left:0;top:0;height:0;border-left:5px solid var(--secondary);transition:.5s}
.card.logo-card,.mobile-menu .navigation li.current>a:before{height:100%}
.mobile-menu .navigation li.dropdown .dropdown-btn{right:6px;top:6px;width:32px;height:32px;text-align:center;font-size:16px;line-height:32px;color:#fff;background:rgba(255,255,255,.1);cursor:pointer;border-radius:2px;transition:.5s;z-index:5}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{background:var(--secondary);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul,.pkg-tab-panel,.portfolio-grid,.sticky-header .main-menu .navigation>li:before,.sticky-header .main-menu .navigation>li>a:before{display:none}
.mobile-menu .social-links{position:relative;padding:30px 25px}
.mobile-menu .social-links li{position:relative;display:inline-block;margin:0 10px 10px}
.mobile-menu .social-links li a{position:relative;line-height:32px;font-size:16px;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.mobile-menu .social-links li a:hover{color:#00aeef}
div#mCSB_1_container{top:0!important}
.mobile-menu .contact-info{position:relative;padding:80px 30px 20px}
.mobile-menu .contact-info h4{position:relative;font-size:20px;color:#fff;font-weight:700;margin-bottom:20px}
.mobile-menu .contact-info ul li{position:relative;display:block;font-size:15px;color:rgba(255,255,255,.8);margin-bottom:3px}
.footer-copy a,.footer-legal li a:hover,.ind-title span,.logo-name span,.tab-btn:hover:not(.active){color:var(--accent)}
.mobile-menu .contact-info ul li a{color:rgba(255,255,255,.8)}
.mobile-menu .contact-info ul li a:hover{text-decoration:underline}
.sticky-header .main-menu .navigation>li>a{padding:15px 30px!important;color:#fff!important}
.sticky-header .main-menu .navigation>li.current>a,.sticky-header .main-menu .navigation>li:hover>a{background:#fff;color:var(--secondary)!important}
.sticky-header .logo-box{position:relative;float:left;padding:8px 0 7px;width:113px}
.feature-style-11 .inner-content .inner-box:nth-child(2) .image-box img,.feature-style-11 .inner-content .inner-box:nth-child(4) .image-box img,.sticky-header .menu-area{position:relative;float:right}
.site-footer{border-top:2px solid var(--secondary);background:#000;position:relative}
.footer-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 56px}
.footer-top{text-align:center;border-bottom:2px solid var(--secondary)}
.footer-logo{display:inline-flex;align-items:center;gap:10px;}
.faq-question,.logo-mark,.q-left,.social-btn{align-items:center;display:flex}
.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--secondary),var(--secondary));border-radius:12px;justify-content:center;box-shadow:0 8px 20px rgba(255,159,108,.35);transition:transform .3s,box-shadow .3s;flex-shrink:0}
.footer-logo:hover .logo-mark{transform:rotate(-6deg) scale(1.08);box-shadow:0 12px 28px rgba(255,159,108,.5)}
.logo-name{font-size:26px;font-weight:700;color:var(--dark);letter-spacing:.02em}
.footer-tagline{font-size:18px;color:#fff;font-weight:300;line-height:1.75;max-width:500px;margin:0 auto 32px}
.step-num,.visual-card::before{line-height:1;font-family:"Cormorant Garamond",serif;user-select:none}
.footer-socials{display:flex;justify-content:center;gap:12px}
.social-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--secondary);background:rgba(255,159,108,.06);justify-content:center;transition:.3s cubic-bezier(.23,1,.32,1);position:relative}
.social-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--accent2));opacity:0;transition:opacity .3s;border-radius:50%}
.social-btn:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,159,108,.28);background:var(--secondary);color:#fff}
.btn-submit:hover::before,.card-inner:hover::before,.card:hover .card-overlay,.cwd-mgrid-card:hover .cwd-mcard-tag,.faq-item.open .q-num,.ind-card:hover::before,.logo-card:hover .zoom-hint,.social-btn:hover::before{opacity:1}
.social-icon{width:17px;height:17px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.social-icon svg{width:17px;height:17px;fill:none;stroke:var(--secondary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.ind-card.dark:hover .ind-icon-wrap svg,.social-btn:hover .social-icon svg{stroke:#fff}
.footer-contact{padding:30px 0;border-bottom:2px solid var(--secondary)!important;display:flex;justify-content:space-between;flex-wrap:wrap}
.contact-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 52px;transition:transform .3s;position:relative}
.contact-item:not(:last-child)::after{content:"";position:absolute;right:0;top:5%;bottom:5%;width:1px;background:var(--border)}
.anim-icons .icon,.banner-style-two .image-layer{background-position:center;background-repeat:no-repeat}
.contact-item:hover{transform:translateY(-4px);color:var(--secondary)}
.contact-icon{width:50px;height:50px;border-radius:14px;background:rgba(255,159,108,.1);border:1px solid rgba(255,159,108,.22);display:flex;align-items:center;justify-content:center;transition:.3s}
.contact-item:hover .contact-icon{background:rgba(255,159,108,.18);border-color:rgba(255,159,108,.45);box-shadow:0 8px 22px rgba(255,159,108,.2)}
.contact-icon svg{width:20px;height:20px;fill:none;stroke:var(--secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-label{font-size:15px;letter-spacing:.16em;color:#fff;font-weight:500}
.contact-value{font-size:17px;color:#fff;font-weight:400;transition:color .3s}
.footer-copy,.footer-legal li a{font-size:17px;font-weight:300;color:#fff}
.contact-item:hover .contact-value{color:var(--accent2)}
.footer-bottom{padding:28px 0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;border-top:2px solid var(--border)}
.footer-copy{letter-spacing:.03em}
.footer-copy a{font-weight:500;transition:opacity .2s}
.footer-copy a:hover{opacity:.75}
.footer-legal{display:flex;list-style:none}
.footer-legal li a{letter-spacing:.04em;padding:0 16px;transition:color .3s}
.main-header .menu-area .btn-box a:before,.main-header .nav-box{-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s}
.footer-legal li:not(:first-child) a{border-left:1px solid var(--border)}
.image.clearfix.js-tilt{animation:2.5s ease-in-out infinite imagePulse;top:-231px}
img.bulb-img{left:60px;top:-30px}
@keyframes imagePulse{
0%,100%{filter:drop-shadow(0 0 0 rgba(241, 168, 31, .5));transform:rotate(0) translateY(-20px)}
50%{filter:drop-shadow(0 0 40px rgba(253, 177, 35, .5));transform:rotate(-2deg) translateY(-20px)}
}
.main-header .nav-box{position:absolute;left:33px;top:10px;width:20px;color:#fff;font-size:28px;padding:24px 0 23px;transition:.6s}
.xs-sidebar-group .xs-overlay,.xs-sidebar-widget{position:fixed;z-index:999999;visibility:hidden;opacity:0}
.main-header .nav-box:before{position:absolute;content:"";background:var(--secondary);width:260px;height:260px;left:-160px;top:-135px;box-shadow:0 0 0 45px rgba(104,157,235,.4);border-radius:50%}
.main-header .nav-box .nav-btn{position:relative;cursor:pointer}
.main-header .nav-btn .icon{position:relative;height:3px;width:20px;float:right;display:inline-block;margin-bottom:7px;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.xs-sidebar-group .xs-overlay{left:0;top:0;height:100%;width:100%;-webkit-transition:.4s ease-in .8s;-o-transition:.4s ease-in .8s;transition:.4s ease-in .8s;cursor:url(.../images/icons/cross-out.png),pointer}
.xs-sidebar-group.isActive .xs-overlay{opacity:.9;visibility:visible;-webkit-transition:.8s ease-out;-o-transition:.8s ease-out;transition:.8s ease-out;right:100%}
.xs-sidebar-group .widget-heading{position:absolute;top:0;right:0;padding:25px}
.xs-sidebar-widget{left:-100%;top:0;bottom:0;width:100%;max-width:360px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-transition:.5s cubic-bezier(.9,.03,0,.96) .6s;-o-transition:.5s cubic-bezier(.9,.03,0,.96) .6s;transition:.5s cubic-bezier(.9,.03,0,.96) .6s}
.xs-sidebar-group.isActive .xs-sidebar-widget{opacity:1;visibility:visible;left:0;-webkit-transition:.7s cubic-bezier(.9,.03,0,.96) .4s;-o-transition:.7s cubic-bezier(.9,.03,0,.96) .4s;transition:.7s cubic-bezier(.9,.03,0,.96) .4s}
.sidebar-textwidget{padding:40px}
.sidebar-widget-container{position:relative;top:150px;opacity:0;visibility:hidden;-webkit-transition:.3s ease-in .3s;-o-transition:.3s ease-in .3s;transition:.3s ease-in .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-sidebar-group.isActive .sidebar-widget-container{top:0;opacity:1;visibility:visible;-webkit-transition:1s ease-out 1.2s;-o-transition:1s ease-out 1.2s;transition:1s ease-out 1.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.5;z-index:0}
.xs-bg-black{background-color:#000}
.xs-menu-tools>li{display:inline-block;margin-right:15px}
.xs-menu-tools>li:last-child{margin-right:0}
.xs-menu-tools>li>a{color:#000}
.close-side-widget{display:block;position:relative;color:var(--secondary);font-size:24px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.close-side-widget:hover{color:#222}
.sidebar-info-contents .content-inner .logo{padding:0 0 40px}
.sidebar-info-contents .content-inner .logo img{display:inline-block;max-width:100%}
.sidebar-info-contents .content-inner .contact-info h4,.sidebar-info-contents .content-inner .content-box h4{position:relative;font-size:20px;color:#222;font-weight:700;margin-bottom:20px}
.sidebar-info-contents .content-inner .content-box .text{position:relative;font-size:15px;color:#777;margin-bottom:25px}
.sidebar-info-contents .content-inner .content-box .theme-btn-two{padding:10px 50px}
.sidebar-info-contents .content-inner .contact-info{position:relative;margin-top:60px}
.sidebar-info-contents .content-inner .contact-info ul li{position:relative;display:block;font-size:15px;color:#777;margin-bottom:3px}
.sidebar-info-contents .content-inner .social-box{position:relative;margin-top:20px;margin-bottom:30px}
.sidebar-info-contents .content-inner .social-box li{position:relative;display:inline-block;margin-right:6px;transition:.9s;-moz-transition:.9s;-webkit-transition:.9s;-ms-transition:.9s;-o-transition:.9s}
.sidebar-info-contents .content-inner .social-box li a{position:relative;width:36px;height:36px;color:#222;z-index:1;font-size:13px;line-height:36px;text-align:center;border-radius:50%;display:inline-block;background:0 0;border:1px solid #ededed;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.sidebar-info-contents .content-inner .social-box li a:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}
.anim-icons,.anim-icons .icon,.image-box .image{position:absolute}
.banner-style-13 .image-box img{max-width:none;float:left}
.anim-icons{left:0;top:0;right:0;height:100%;width:100%;max-width:1920px;margin:0 auto}
.service-section{position:relative;padding-bottom:50px}
.service-section .sec-title{position:relative;max-width:820px;width:100%;margin:0 auto}
.service-section .sec-title h2{font-weight:400;line-height:60px;padding-bottom:67px;margin-bottom:61px}
.service-section .sec-title .icon-box{position:relative;text-align:center;font-size:70px;line-height:70px;color:var(--secondary);margin-bottom:35px}
.service-block-one .inner-box{position:relative;background:#00d2ff;padding:44px 20px 48px 30px;border-radius:10px;overflow:hidden;transition:.5s}
.pkg-card.highlight .pkg-includes-label,.service-block-one:hover .inner-box{background:var(--secondary)}
.service-block-one .inner-box .bg-layer{position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-size:cover}
.service-block-one .inner-box .icon-box{position:absolute;display:inline-block;font-size:60px;line-height:60px;color:#fff;top:35px;right:35px}
.service-block-one .inner-box h3{position:relative;display:block;font-size:24px;line-height:32px;color:#fff;font-weight:500;padding-bottom:28px;margin-bottom:28px}
.service-block-one .inner-box h3:before{position:absolute;content:"";background:#fff;width:35px;height:2px;left:0;bottom:0}
.service-block-one .inner-box .text{position:relative;font-size:16px;color:#fff}
.main-header .menu-area .btn-box{position:relative;float:left;margin:65px 0 0 70px}
.main-header .menu-area .btn-box a{position:relative;display:inline-block;overflow:hidden;font-size:14px;color:#4527a4;line-height:30px;background:#fff;padding:5px 30px;text-align:center;border-radius:30px;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,.5)}
.main-header .menu-area .btn-box a:before{position:absolute;content:"";top:0;bottom:0;left:0;right:-50px;z-index:-1;border-bottom:50px solid var(--secondary);border-right:50px solid transparent;transition:.6s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.main-header .menu-area .btn-box a:after{position:absolute;content:"";top:0;right:0;bottom:0;left:-50px;z-index:-1;border-left:40px solid transparent;border-bottom:50px solid var(--secondary);-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transform:translateX(100%);transform:translateX(100%)}
.statistics-section .counter-circle,.statistics-section .stat-item{transition:transform .3s,box-shadow .3s}
.main-header .menu-area .btn-box a:hover::before{-webkit-transform:translateX(-40%);transform:translateX(-40%)}
.main-header .menu-area .btn-box a:hover::after{-webkit-transform:translateX(40%);transform:translateX(40%)}
.arrow-btn,.arrow-btn:hover,.cta-btn,.cta-btn:hover,.main-header .menu-area .btn-box a:hover,.wcu-card:hover .wcu-icon{background:var(--secondary);color:#fff}
.banner-style-13{overflow:hidden;position:relative;padding:185px 0 60px;background:linear-gradient(rgb(255 255 255 / 40%),rgb(0 0 0 / 84%))}
.banner-style-13 .image-shap{position:absolute;width:405px;height:445px;left:0;top:35%;background-repeat:no-repeat;animation:4s ease-in-out infinite floatImage}
.banner-style-13 .image-layer{position:absolute;top:0;right:0;height:100%;width:73%;z-index:1;background-size:cover;background-repeat:no-repeat;background-position:top center;-webkit-animation-name:slideInRight;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;-moz-animation-name:slideInRight;-moz-animation-duration:2s;-moz-animation-iteration-count:1;-moz-animation-timing-function:linear;-ms-animation-name:slideInRight;-ms-animation-duration:2s;-ms-animation-iteration-count:1;-ms-animation-timing-function:linear;animation:2s ease-in-out infinite floatImage;left:650px}
@keyframes floatImage{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.banner-style-13 .content-box h1{font-family:"Playfair Display",serif;position:relative;display:block;font-size:44px;font-weight:700;color:#fff;line-height:60px;margin-bottom:23px;margin-top:-129px}
.heading-icon{width:57px;height:60px;object-fit:contain;vertical-align:middle;margin-right:2px;margin-bottom:6px;animation:6s linear infinite rotateIcon}
@keyframes rotateIcon{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.banner-style-13 .content-box .text{position:relative;display:block;font-size:18px;line-height:36px;margin-bottom:25px;color:#fff}
.banner-style-13 .content-box .mail-box .form-group input[type=email]{position:relative;width:100%;height:60px;border:1px solid var(--secondary);border-radius:30px;font-size:14px;color:#777;padding:10px 200px 10px 30px}
.banner-style-13 .content-box .mail-box .form-group button{position:absolute;top:0;right:0;width:170px;height:60px;background:var(--secondary);text-align:center;font-size:14px;color:#fff;border-top-right-radius:30px;border-bottom-right-radius:30px;cursor:pointer;transition:.5s}
.banner-style-13 .anim-icons .icon-1,.banner-style-13 .anim-icons .icon-2{position:absolute;cursor:pointer!important;transition:transform .3s;overflow:visible!important}
@keyframes bounce-float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.banner-style-13 .anim-icons .icon-2::after,.banner-style-13 .anim-icons .icon-3::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #fff;top:0;left:0;opacity:0;transform:scale(.8);transition:.4s}
.banner-style-13 .anim-icons .icon-1:hover::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--secondary);top:0;left:0;opacity:0;transition:.4s!important}
.banner-style-13 .anim-icons .icon-1:hover::after,.banner-style-13 .anim-icons .icon-2:hover::after{opacity:1;transform:scale(1.2)}
.banner-style-13 .anim-icons .icon-1{background-image:linear-gradient(0deg,#20d5dd 0,#5d339e 100%);width:80px;height:80px;left:120px;bottom:100px;border-radius:50%;animation:3s linear infinite zoom-fade,2s ease-in-out infinite bounce-float}
.banner-style-13 .anim-icons .icon-2,.banner-style-13 .anim-icons .icon-3{background-image:linear-gradient(0deg,#fe40a0 0,#6242aa 100%);animation:5s linear infinite zoom-fade,3s ease-in-out infinite bounce-float;border-radius:50%}
.banner-style-13 .anim-icons .icon-2{width:145px;height:145px;top:60px;right:60px}
.banner-style-13 .anim-icons .icon-3{width:100px;height:105px;top:150px;right:1600px}
.banner-style-13 .image-box{position:relative;margin-left:100px}
.chooseus-section{position:relative;padding:70px 0 50px}
.chooseus-section .inner-box h3{position:relative;display:block;font-size:24px;line-height:32px;color:#222;font-weight:500;margin-bottom:55px}
.chooseus-section .inner-box .list-item li{position:relative;display:block;font-size:16px;margin-bottom:30px;padding-left:35px}
.chooseus-section .inner-box .list-item li:before{position:absolute;content:"\f14a";font-size:16px;font-family:"Font Awesome 5 Free";color:var(--secondary);font-weight:700;left:0;top:0}
.feature-style-11{position:relative;padding:60px 0 0}
#content_block_34 .content-box .top-title{position:relative;display:block;font-size:25px;font-weight:600;line-height:20px;color:var(--secondary);margin-bottom:10px;transition:.3s;background:0 0}
.feature-style-11 .inner-content .inner-box:nth-child(2) .content-box .top-title{background:#80c605}
.feature-style-11 .inner-content .inner-box:nth-child(3) .content-box .top-title{background:#ff0505}
.feature-style-11 .inner-content .inner-box:nth-child(4) .content-box .top-title{background:#0580c6}
.feature-style-11 .inner-content .inner-box:last-child .content-box .top-title{background:#ffbb05}
#content_block_34 .content-box .top-title i{margin-right:5px}
#content_block_34 .content-box .list-item li{position:relative;display:block;font-size:16px;margin-bottom:30px;padding-left:35px;color:#000}
#content_block_34 .content-box .list-item li:before{position:absolute;content:"\f058";font-family:"Font Awesome 5 Free";font-weight:700;color:var(--secondary);font-size:16px;left:0;top:0}
.feature-style-11 .inner-content .inner-box{margin-bottom:169px}
.inner-box-last{margin-top:-270px}
.feature-style-11 .inner-content .inner-box:first-child .image-box .bg-layer{position:absolute;width:1005px;height:945px;top:-434px;right:30px;background-repeat:no-repeat}
.feature-style-11 .inner-content .inner-box:nth-child(2) .image-box .bg-layer{position:absolute;width:1010px;height:805px;left:30px;top:-140px;background-repeat:no-repeat}
.feature-style-11 .inner-content .inner-box:nth-child(3) .image-box .bg-layer{position:absolute;width:1030px;height:750px;right:30px;top:-308px;background-repeat:no-repeat}
.feature-style-11 .inner-content .inner-box:nth-child(4) .image-box .bg-layer{position:absolute;width:1030px;height:920px;left:30px;top:-330px;background-repeat:no-repeat;margin-bottom:330px}
.feature-style-11 .inner-content .inner-box:nth-child(4){margin-bottom:330px}
.feature-style-11 .inner-content .inner-box:last-child .image-box .bg-layer{position:absolute;width:1040px;height:505px;right:0;top:0;background-repeat:no-repeat}
img.rocket-img{width:100%;top:0}
.statistics-section{padding:40px 0;background:linear-gradient(135deg,var(--secondary) 0,#ff4500 100%)}
.statistics-section .sec-title h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:80px;color:#fff}
.statistics-section .stat-column{text-align:center;margin-bottom:50px}
.statistics-section .stat-item:hover{transform:translateY(-10px) scale(1.05)}
.statistics-section .counter-circle{width:160px;height:160px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--secondary);font-weight:700;font-size:60px;box-shadow:0 12px 25px rgba(0,0,0,.1)}
.statistics-section .counter-circle:hover{transform:scale(1.1);box-shadow:0 20px 40px rgba(0,0,0,.2)}
.statistics-section .counter-circle span::after{content:"+";font-size:40px;margin-left:3px}
.statistics-section .stat-text{font-size:20px;font-weight:500;color:#fff;transition:color .3s}
.statistics-section .stat-item:hover .stat-text{color:#fff}
.process{padding:80px 0 10px;background:#ededed;position:relative;overflow:hidden}
.process-bg-num,.process::after,.process::before{position:absolute;pointer-events:none}
.process::before{content:"";inset:0;opacity:.4;z-index:0}
.process::after{content:"";top:190px;right:65px;width:300px;height:400px;background-image:url(../newimages/web-vector.webp);background-size:contain;background-repeat:no-repeat;z-index:1;animation:6s ease-in-out infinite floatProcess}
@keyframes floatProcess{
0%,100%{transform:translateY(0) rotate(0)}
50%{transform:translateY(-15px) rotate(3deg)}
}
.process-bg-num{top:50%;left:50%;transform:translate(-50%,-50%);font-size:400px;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,159,108,.06);transition:opacity .5s;z-index:0;white-space:nowrap}
.proc-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:80px}
.proc-header-left .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--accent);margin-bottom:22px}
.proc-header-left .eyebrow::after,.proc-header-left .eyebrow::before{content:"";width:32px;height:1px;background:var(--accent)}
.proc-header-left h2{font-size:40px;font-weight:600;line-height:1.05;color:#000;letter-spacing:-.01em;margin-bottom:20px}
.proc-header-left h2 em{color:var(--secondary);font-style:normal!important}
.proc-header-right{padding-bottom:8px;display:flex;flex-direction:column;align-items:center}
.proc-header-right p{font-size:16px;line-height:1.8;color:#000;font-weight:300;margin-bottom:32px;max-width:520px;text-align:center}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:16px 0 60px}
@media (max-width:1024px){
.cards-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
.footer-inner{padding:0 24px}
.contact-item{padding:0 28px}
.footer-legal li a{font-size:11px!important}
.cards-grid{grid-template-columns:1fr}
}
.card-inner{padding:48px 40px 44px;background:var(--light);border:2px solid var(--secondary);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .3s;cursor:pointer;position:relative;overflow:hidden}
.card-inner:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(255,159,108,.14),0 0 0 1px rgba(255,159,108,.25);border-color:rgba(255,159,108,.3)}
.card-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--secondary),#f0457a);opacity:0;transition:opacity .3s;border-radius:24px 24px 0 0}
.step-num{font-size:88px;font-weight:700;color:transparent;-webkit-text-stroke:2px var(--primary);position:absolute;bottom:0;right:16px;top:10px;line-height:1;transition:-webkit-text-stroke .3s;pointer-events:none;user-select:none}
.card-inner h3,.tag{font-weight:600;z-index:1}
.card-inner:hover .step-num{-webkit-text-stroke:1px rgba(255,159,108,.45)}
.icon-wrap{width:80px;height:80px;border-radius:14px;background:var(--secondary);display:flex;align-items:center;justify-content:center;margin-bottom:32px;position:relative;z-index:1;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 20px rgba(255,159,108,.3)}
.card-inner:hover .icon-wrap{transform:scale(1.1) rotate(-4deg);box-shadow:0 12px 28px rgba(255,159,108,.45)}
.icon-wrap svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tag{font-size:10px;letter-spacing:.2em;color:var(--secondary);margin-bottom:10px;position:relative}
.card-inner h3{font-size:26px;color:var(--dark);margin-bottom:14px;line-height:1.2;position:relative;letter-spacing:-.01em}
.card-inner p{font-size:14px;line-height:1.75;color:#000;font-weight:300;position:relative;z-index:1}
.card-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:7px;position:relative;z-index:1}
.pill{font-size:10.5px;font-weight:500;color:#aaa;background:rgba(255,159,108,.06);border:1px solid rgba(255,159,108,.12);padding:5px 13px;border-radius:20px;transition:.3s}
.card-inner:hover .pill{background:rgba(255,159,108,.1);border-color:rgba(255,159,108,.28);color:var(--accent2)}
.icon-wrap--purple{background:rgba(168,85,247,.12);box-shadow:0 8px 20px rgba(168,85,247,.2)}
.icon-wrap--purple i{color:#a855f7}
.icon-wrap--blue{background:rgba(59,130,246,.12);box-shadow:0 8px 20px rgba(59,130,246,.2)}
.icon-wrap--blue i{color:#3b82f6}
.icon-wrap--pink{background:rgba(236,72,153,.12);box-shadow:0 8px 20px rgba(236,72,153,.2)}
.icon-wrap--pink i{color:#ec4899}
.icon-wrap--green{background:rgba(16,185,129,.12);box-shadow:0 8px 20px rgba(16,185,129,.2)}
.icon-wrap--green i{color:#10b981}
.icon-wrap--amber{background:rgba(245,158,11,.12);box-shadow:0 8px 20px rgba(245,158,11,.2)}
.icon-wrap--amber i{color:#f59e0b}
.icon-wrap--cyan{background:rgba(6,182,212,.12);box-shadow:0 8px 20px rgba(6,182,212,.2)}
.icon-wrap--cyan i{color:#06b6d4}
.icon-wrap i{font-size:40px;transition:color .3s}
.card-inner:hover .icon-wrap--purple{background:#a855f7;box-shadow:0 12px 28px rgba(168,85,247,.45)}
.card-inner:hover .icon-wrap--blue{background:#3b82f6;box-shadow:0 12px 28px rgba(59,130,246,.45)}
.card-inner:hover .icon-wrap--pink{background:#ec4899;box-shadow:0 12px 28px rgba(236,72,153,.45)}
.card-inner:hover .icon-wrap--green{background:#10b981;box-shadow:0 12px 28px rgba(16,185,129,.45)}
.card-inner:hover .icon-wrap--amber{background:#f59e0b;box-shadow:0 12px 28px rgba(245,158,11,.45)}
.card-inner:hover .icon-wrap--cyan{background:#06b6d4;box-shadow:0 12px 28px rgba(6,182,212,.45)}
.card-inner:hover .icon-wrap--amber i,.card-inner:hover .icon-wrap--blue i,.card-inner:hover .icon-wrap--cyan i,.card-inner:hover .icon-wrap--green i,.card-inner:hover .icon-wrap--pink i,.card-inner:hover .icon-wrap--purple i,.ind-card:hover .ind-name,.pkg-card.highlight .pkg-name,.pkg-card.highlight .price-amount,.pkg-card.highlight .price-old,.section-title span{color:#fff}
@media (max-width:900px){
.card{flex:0 0 calc(50% - 10px)}
}
@media (max-width:580px){
.container,.footer-inner{padding:0 20px}
.footer-top{padding:48px 0 40px}
.footer-contact{flex-direction:column;align-items:center;gap:32px;padding:40px 0}
.contact-item::after{display:none}
.contact-item{padding:0}
.card{flex:0 0 85%}
.proc-header-left h2{font-size:38px}
}
.pricing-style-four{position:relative;padding:110px 0 150px}
.pricing-style-four .pricing-table{position:relative;width:33.333333%;float:left;text-align:center}
.pricing-style-four .pricing-table .table-header .title{position:relative;display:block;font-size:24px;line-height:32px;color:#393e95;text-transform:uppercase;margin-bottom:17px}
.pricing-style-four .pricing-table .table-header .price{position:relative;display:block;font-size:72px;font-weight:500;line-height:70px;color:#3d415b;margin-bottom:5px}
.pricing-style-four .pricing-table .table-header .price span{font-size:48px}
.pricing-style-four .pricing-table .table-header .text{position:relative;display:block;font-size:16px}
.pricing-style-four .pricing-table .table-header{position:relative;padding:47px 15px 38px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.pricing-style-four .pricing-table:last-child .table-header{border-right:none}
.pricing-style-four .feature-inner .list,.pricing-style-four .pricing-inner{position:relative;border:1px solid #e1e1e1}
.pricing-style-four .pricing-table .table-content li{position:relative;display:block;font-size:18px;color:var(--secondary);padding:25px 15px;background:#f5f5f5}
.pricing-style-four .pricing-table .table-footer{position:absolute;left:0;bottom:-123px;width:100%}
.pricing-style-four .pricing-table .table-footer a{position:relative;display:inline-block;overflow:hidden;font-size:18px;line-height:30px;font-weight:700;color:var(--secondary);border:1px solid #e1e1e1;text-align:center;border-radius:30px;background:0 0;padding:14px 30px;z-index:1}
.pricing-style-four .pricing-table .table-footer a:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0;background-color:#fc0000;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:scale(.2,1);transform:scale(.2,1);z-index:-1}
.pricing-style-four .pricing-table .table-footer a:hover{background:#fc0000;border-color:#fc0000;color:#fff}
.pricing-style-four .feature-inner h2{position:relative;display:flex;font-size:30px;line-height:36px;color:#fc0000;padding:15px;min-height:248px;align-items:center;text-align:center}
.pricing-style-four .feature-inner .list li{position:relative;display:block;font-size:16px;padding:25px 15px 25px 60px;background:#f5f5f5}
.pricing-style-four .sec-title h2{margin-bottom:73px}
.testimonial-style-11{position:relative;padding:90px 0 100px}
.testimonial-style-11 .inner-container{position:relative;display:block;padding:100px}
.testimonial-style-11 .inner-container .bg-layer{position:absolute;width:100%;height:100%;left:0;top:0;right:0;background-repeat:no-repeat;background-size:cover}
.testimonial-style-11 .inner-container .sec-title{position:relative;display:block;padding:0 30px}
.testimonial-style-11 .inner-container .sec-title:before{position:absolute;content:"\f10e";font-family:"Font Awesome 5 Free";font-weight:700;color:#fff;font-size:72px;top:50px;right:0;text-shadow:0 5px 5px rgba(0,0,0,.5)}
.testimonial-style-11 .inner-container .sec-title h2{color:#fff;text-shadow:0 5px 5px rgba(0,0,0,.5)}
.testimonial-style-11 .inner-container .sec-title h2:after{background:#222}
.testimonial-style-11 .testimonial-inner{position:relative;display:block;padding:25px 70px 145px 30px;text-align:center}
.testimonial-style-11 .testimonial-inner .testimonial-content{position:relative;margin-top:20px}
.testimonial-style-11 .testimonial-inner .testimonial-content .image-box{position:relative;display:inline-block;width:115px;height:115px;border-radius:50%;margin-bottom:23px}
.testimonial-style-11 .testimonial-inner .testimonial-content .image-box:before{position:absolute;content:"";background:#1a2ee5;width:100%;height:100%;left:-15px;top:-15px;border-radius:50%}
.testimonial-style-11 .testimonial-inner .testimonial-content .image-box img{width:100%;border-radius:50%}
.testimonial-style-11 .testimonial-inner .testimonial-content .text{position:relative;font-size:16px;line-height:36px;color:#fff;margin-bottom:41px}
.testimonial-style-11 .testimonial-inner .testimonial-content .author-info .name{position:relative;font-size:24px;line-height:32px;color:#fff;margin-bottom:6px}
.testimonial-style-11 .testimonial-inner .testimonial-content .designation{position:relative;font-size:18px;color:#fff}
.testimonial-style-11 .testimonial-inner .owl-next,.testimonial-style-11 .testimonial-inner .owl-prev{position:relative;display:inline-block;font-size:30px;line-height:30px;font-weight:700;color:#fff;cursor:pointer;margin:0 25px;transition:.5s}
.testimonial-style-11 .testimonial-inner .owl-prev:before{position:absolute;content:"";background:#fff;width:2px;height:30px;top:0;right:-25px}
.testimonial-style-11 .testimonial-inner .owl-nav{position:relative;display:block;margin-top:25px}
.testimonial-style-11 .anim-icons .icon-1{left:170px;top:140px;background-repeat:no-repeat;-webkit-animation:5s linear infinite zoom-fade;animation:5s linear infinite zoom-fade}
.testimonial-style-11 .anim-icons .icon-2{left:50px;bottom:150px;background-repeat:no-repeat;-webkit-animation:4s linear infinite zoom-fade;animation:4s linear infinite zoom-fade}
.testimonial-style-11 .anim-icons .icon-3{top:200px;right:20px;background-repeat:no-repeat;-webkit-animation:10s linear infinite zoom-fade;animation:10s linear infinite zoom-fade}
.banner-contact-form{background:linear-gradient(135deg,#f89914 0,#ffffff30 45%,#ffffff5c 100%);border-radius:16px;padding:40px 35px;box-shadow:0 25px 70px rgba(0,0,0,.15);position:relative;z-index:2;margin-top:-75px;width:80%}
.banner-contact-form::before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);z-index:0}
.banner-contact-form .form-inner h3{font-size:26px;font-weight:700;margin-bottom:20px;color:#fff;width:66%}
.banner-contact-form .form-inner p{font-size:14px;color:#777;margin-bottom:25px}
.banner-contact-form .form-group{margin-bottom:18px}
.banner-contact-form .form-group input,.banner-contact-form .form-group select,.banner-contact-form .form-group textarea{width:100%;padding:12px 18px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;color:#555;background:#f9f9f9;transition:border-color .3s;outline:0}
.why-choose-us::after,.why-choose-us::before{content:"";position:absolute;border-radius:50%;pointer-events:none}
.banner-contact-form .form-group textarea{resize:none}
.banner-contact-form .form-group button{width:100%;padding:14px 30px;font-size:15px;font-weight:600;letter-spacing:.5px;background:#fff!important;color:var(--secondary)}
.banner-contact-form .form-group button:hover{width:100%;padding:14px 30px;font-size:15px;font-weight:600;letter-spacing:.5px;color:#fff}
.banner-style-13 .btn-box{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:10px}
.wcu-eyebrow,.wcu-icon{align-items:center;color:var(--secondary)}
.why-choose-us{position:relative;padding:100px 0;background:linear-gradient(to right,#f899145e,transparent 25%,#fff 40%,#fff 60%,transparent 75%,#f899145e);overflow:hidden}
.why-choose-us::before{width:480px;height:480px;background:radial-gradient(circle,rgba(255,159,108,.12) 0,transparent 70%);top:-140px;right:-120px}
.why-choose-us::after{width:320px;height:320px;background:radial-gradient(circle,rgba(255,159,108,.09) 0,transparent 70%);bottom:-80px;left:-80px}
.faq-header h2 em,.wcu-card::after{background:linear-gradient(135deg,var(--secondary),#f0457a)}
.pkg-header,.wcu-header{text-align:center;margin-bottom:56px}
.wcu-eyebrow{display:inline-flex;gap:8px;font-size:18px;font-weight:700;letter-spacing:2.5px;background:0 0;padding:6px 18px;border-radius:30px;margin-bottom:20px;color:var(--secondary)}
.wcu-header h2{font-size:42px;font-weight:800;color:#1a1028;line-height:1.2;margin-bottom:14px}
.wcu-header p{font-size:16px;color:#666;line-height:1.7;max-width:520px;margin:0 auto}
.wcu-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wcu-card{background:#fff;border:2px solid var(--secondary);border-radius:16px;padding:32px 28px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.faq-section::after,.faq-section::before{border-radius:50%;content:"";position:absolute;pointer-events:none}
.wcu-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.wcu-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(255,159,108,.18);border-color:rgba(255,159,108,.35)}
.ind-card:hover::after,.wcu-card:hover::after{transform:scaleX(1)}
.wcu-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,159,108,.12);display:flex;justify-content:center;font-size:20px;margin-bottom:18px;transition:background .3s,color .3s}
.wcu-icon--purple{background:rgba(168,85,247,.12);color:#a855f7}
.wcu-icon--blue{background:rgba(59,130,246,.12);color:#3b82f6}
.wcu-icon--green{background:rgba(16,185,129,.12);color:#10b981}
.wcu-icon--amber{background:rgba(245,158,11,.12);color:#f59e0b}
.wcu-icon--red{background:rgba(239,68,68,.12);color:#ef4444}
.wcu-icon--cyan{background:rgba(6,182,212,.12);color:#06b6d4}
.wcu-card:hover .wcu-icon--purple{background:#a855f7;color:#fff}
.wcu-card:hover .wcu-icon--blue{background:#3b82f6;color:#fff}
.wcu-card:hover .wcu-icon--green{background:#10b981;color:#fff}
.wcu-card:hover .wcu-icon--amber{background:#f59e0b;color:#fff}
.wcu-card:hover .wcu-icon--red{background:#ef4444;color:#fff}
.wcu-card:hover .wcu-icon--cyan{background:#06b6d4;color:#fff}
.wcu-card h4{font-size:23px;font-weight:700;color:#1a1028;margin-bottom:10px;line-height:1.3}
.wcu-card p{font-size:16px;color:#666;line-height:1.68;margin:0}
.wcu-grid-vector{position:absolute;top:-250px;right:-60px;width:300px;height:auto;pointer-events:none;z-index:10;animation:4s ease-in-out infinite floatVector}
@keyframes floatVector{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.wcu-grid:hover .wcu-grid-vector{transform:scale(1.08) rotate(4deg)}
.wcu-card{z-index:1}
.faq-section{padding:40px 0 120px;background:#ededed;overflow:hidden}
.faq-section::before{width:100%;height:600px;top:-150px;right:-150px}
.faq-section::after{width:400px;height:400px;background:radial-gradient(circle,rgba(255,159,108,.06) 0,transparent 70%);bottom:-100px;left:-100px}
.faq-header,.section-header{text-align:center;margin-bottom:72px}
.eyebrow{display:inline-flex;align-items:center;letter-spacing:3.5px;color:var(--secondary)}
.eyebrow::after,.eyebrow::before{content:"";display:inline-block;background:linear-gradient(90deg,var(--secondary),#f0457a);border-radius:2px}
.faq-visual::before,.portfolio-section::after{background-size:contain;background-repeat:no-repeat;position:absolute;pointer-events:none}
.faq-header h2{font-size:40px;font-weight:700;color:#1a0a12;line-height:1.1;margin-bottom:18px}
.faq-header h2 em{font-style:normal;-webkit-background-clip:text;background-clip:text}
.faq-header p{font-size:20px;line-height:1.7;color:#000;font-weight:300;max-width:460px;margin:0 auto}
.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px 80px;align-items:start}
.faq-visual{top:40px}
.faq-visual::before{content:"";top:-184px;left:4px;width:310px;height:300px;background-image:url(../newimages/resource/laptop-3.webp);z-index:10;animation:2s ease-in-out infinite floatLaptop}
@keyframes floatLaptop{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.visual-card{background:linear-gradient(145deg,#fff8f4,#fff);border:2px solid var(--secondary);border-radius:28px;padding:52px 44px;box-shadow:0 20px 60px rgba(255,159,108,.1),0 4px 16px rgba(0,0,0,.04);overflow:hidden}
.faq-item.open .toggle-icon,.stat-num,.visual-cta,.visual-icon{background:linear-gradient(135deg,var(--primary),var(--primary))}
.faq-item:first-child,.stats{border-top:1px solid rgba(255,159,108,.12)}
.visual-card::before{content:"?";font-size:320px;font-weight:900;color:rgba(255,159,108,.06);position:absolute;bottom:-60px;right:-20px;pointer-events:none}
.visual-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 10px 30px rgba(255,159,108,.35)}
.cta-btn,.visual-cta{box-shadow:0 8px 24px rgba(255,159,108,.35);cursor:pointer}
.visual-icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.visual-card h3{font-size:30px;font-weight:700;color:#1a0a12;line-height:1.2;margin-bottom:16px}
.visual-card p{font-size:18px;line-height:1.75;color:#000;font-weight:300}
.stats{display:flex;gap:0;padding-top:32px;margin-top:4px}
.stat{flex:1;text-align:center;padding:0 16px}
.stat+.stat::before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:rgba(255,159,108,.15)}
.stat-num{-webkit-background-clip:text;background-clip:text;display:block}
.stat-label{color:#bbb;letter-spacing:1px}
.visual-cta{display:inline-flex;align-items:center;gap:10px;margin-top:32px;color:#fff;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 28px;border-radius:50px;border:none;transition:transform .3s,box-shadow .3s}
.q-num,.q-text{color:var(--secondary)}
.visual-cta:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(255,159,108,.45);color:#fff}
.visual-cta svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid rgba(255,159,108,.12);overflow:hidden}
.faq-question{justify-content:space-between;gap:20px;padding:26px 0;cursor:pointer;user-select:none;transition:color .3s}
.q-left{gap:18px}
.q-num{font-size:27px;font-weight:700;opacity:.5;min-width:22px;transition:opacity .3s}
.q-text{font-size:19px;font-weight:500;transition:color .3s;line-height:1.3}
.toggle-icon{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,159,108,.25);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.35s}
.faq-item.open .toggle-icon{border-color:transparent;box-shadow:0 6px 18px rgba(255,159,108,.35)}
.toggle-icon svg{width:14px;height:14px;fill:none;stroke:var(--secondary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:.35s}
.faq-item.open .toggle-icon svg{stroke:#fff;transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),padding .35s}
.faq-item.open .faq-answer{max-height:300px}
.answer-inner{padding:0 0 28px 40px;display:flex;gap:16px;align-items:flex-start}
.answer-bar{width:2px;min-height:100%;flex-shrink:0;background:linear-gradient(to bottom,var(--secondary),rgba(255,159,108,.1));border-radius:2px;margin-top:4px;align-self:stretch}
.answer-inner p{font-size:16px;line-height:1.8;color:#000;font-weight:300}
@media (max-width:860px){
.faq-layout{grid-template-columns:1fr;gap:50px}
.faq-visual{position:static}
.container{padding:0 24px}
}
.portfolio-section{padding:100px 0 120px;position:relative;background:var(--primary)}
.portfolio-section::before{content:"WORK";position:absolute;top:57px;left:50%;transform:translateX(-50%);font-family:"Playfair Display",serif;font-size:clamp(80px,15vw,130px);font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.62);white-space:nowrap;pointer-events:none;letter-spacing:.05em;z-index:0}
.portfolio-section::after{content:"";top:206px;right:100px;width:315px;height:400px;z-index:1;animation:6s ease-in-out infinite floatPortfolio}
@keyframes floatPortfolio{
0%,100%,50%{transform:translateY(0) rotate(0)}
25%{transform:translateY(-12px) rotate(2deg)}
75%{transform:translateY(12px) rotate(-2deg)}
}
.section-header{text-align:center;margin-bottom:48px}
.section-title{font-family:"Playfair Display",serif;font-size:45px;font-weight:700;line-height:1.1;color:#fff;margin-bottom:18px}
.cta-btn,.lb-counter,.tab-btn,.view-more-btn{font-family:"DM Sans",sans-serif}
.section-desc{font-size:20px;color:#fff;line-height:1.7;max-width:480px;margin:0 auto;font-weight:300}
.lb-inner,.lb-inner img{max-width:88vw;max-height:88vh}
.view-more-wrap{display:flex;justify-content:center;margin-top:40px;margin-bottom:16px}
.view-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 40px;background:#fff;color:var(--secondary);border:none;border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 4px 20px rgba(0,0,0,.2)}
.view-more-btn:hover{background:#f9d0f5;transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.cta-btn svg,.info-item,.view-more-btn svg{transition:transform .3s}
.view-more-btn.expanded svg{transform:rotate(180deg)}
.tab-switcher{display:flex;justify-content:center;margin-bottom:56px;background:0 0;border-radius:50px;padding:6px;width:fit-content;margin-left:auto;margin-right:auto;gap:20px}
.tab-btn{padding:12px 36px;border:none;background:rgba(255,255,255,.18);border-radius:50px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:.3s;letter-spacing:.02em;backdrop-filter:blur(6px)}
.logo-card,.web-card{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .3s;cursor:pointer;overflow:hidden}
.tab-btn:hover{background:rgba(255,255,255,.28);color:#fff!important}
.tab-btn.active{background:#fff;color:#a8359a!important;font-weight:700;box-shadow:0 2px 12px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.3)}
.portfolio-grid.visible{display:grid;animation:.5s forwards fadeUp}
@keyframes fadeUp{
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.logo-grid{grid-template-columns:repeat(4,1fr);gap:20px}
.pkg-tab-panel.active,.web-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.logo-card{border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.2);aspect-ratio:1/1;position:relative}
.logo-card .zoom-hint,.web-card{border-radius:16px;display:flex}
.logo-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.25);background:#fff}
.logo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.23,1,.32,1)}
.logo-card:hover img{transform:scale(1.04)}
.logo-card .zoom-hint{position:absolute;inset:0;background:rgba(90,10,80,.55);align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.zoom-hint svg{width:36px;height:36px;color:#fff}
.web-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);flex-direction:column;height:320px}
.ind-card::before,.lightbox{inset:0;transition:opacity .35s}
.web-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.browser-bar{flex-shrink:0;height:32px;background:rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 12px;gap:5px}
.browser-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.browser-dot:first-child,.cwd-dot.cwd-r{background:#ff5f57}
.browser-dot:nth-child(2),.cwd-dot.cwd-y{background:#febc2e}
.browser-dot:nth-child(3),.cwd-dot.cwd-g{background:#28c840}
.browser-url{flex:1;height:16px;background:rgba(255,255,255,.2);border-radius:4px;margin-left:8px}
.web-viewport{flex:1;overflow:hidden;position:relative}
.web-viewport img{width:100%;height:auto;display:block;transform:translateY(0);transition:transform;will-change:transform}
.web-card.scrolling .web-viewport img{transition:transform var(--scroll-dur,5s) cubic-bezier(.4,0,.2,1);transform:translateY(var(--scroll-to,0))}
.lightbox{position:fixed;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}
.lightbox.open{opacity:1;pointer-events:all}
.lb-backdrop{position:absolute;inset:0;background:rgba(60,5,55,.75);backdrop-filter:blur(8px);cursor:pointer}
.lb-inner{position:relative;z-index:2;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5);transform:scale(.92);transition:transform .35s cubic-bezier(.23,1,.32,1)}
.lb-close,.lb-nav{position:absolute;display:flex;align-items:center;backdrop-filter:blur(4px);transition:background .2s;z-index:3;cursor:pointer}
.lightbox.open .lb-inner{transform:scale(1)}
.lb-inner img{display:block;object-fit:contain;background:#fff}
.lb-close{top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:#fff;border:none;justify-content:center}
.lb-close:hover{background:#f9d0f5}
.lb-close svg{width:18px;height:18px;color:#a8359a}
.lb-nav{top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.15);border:none;justify-content:center}
.cta-btn{display:inline-flex}
.lb-nav:hover{background:rgba(255,255,255,.28)}
.lb-nav svg{width:20px;height:20px;color:#fff}
.lb-prev{left:-62px}
.cta-contact::before,.lb-counter{left:50%;position:absolute;white-space:nowrap}
.lb-next{right:-62px}
.lb-counter{bottom:-36px;transform:translateX(-50%);font-size:13px;color:rgba(255,255,255,.55)}
.cta-btn{align-items:center;gap:10px;background:var(--accent);text-decoration:none}
.cta-btn:hover{background:#ff8a4c;transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,159,108,.45)}
.cta-line{justify-content:center;gap:20px;margin-bottom:32px}
.btn-submit,.cta-btn,.cta-grid{align-items:center}
.cta-line-bar{width:60px;height:1px;background:linear-gradient(to right,transparent,var(--accent))}
.cta-line-bar:last-child{background:linear-gradient(to left,transparent,var(--accent))}
.cta-text{font-size:13px;letter-spacing:.15em;color:var(--mid);font-weight:400}
.cta-btn{gap:12px;padding:16px 40px;border-radius:50px;font-size:14px;font-weight:500;letter-spacing:.04em;transition:.3s;border:none;background:var(--secondary);color:#fff}
.cta-contact::before,.stat-num{font-family:"Playfair Display",serif}
.btn-submit:hover svg,.cta-btn:hover svg,.info-item:hover{transform:translateX(4px)}
.stats-strip{display:flex;justify-content:center;gap:0;margin-bottom:56px}
.form-heading h3,.stat-num{font-weight:700;margin-bottom:6px}
.stat-item{padding:0 41px;text-align:center}
.stat-item:not(:last-child)::after{content:"";position:absolute;right:0;top:10%;bottom:10%;width:1px;background:rgba(255,159,108,.2)}
.stat-num{font-size:40px;color:var(--accent);line-height:1}
.stat-label{font-size:12px;color:var(--mid);letter-spacing:.12em;font-weight:400}
@media (max-width:900px){
.wcu-grid{grid-template-columns:repeat(2,1fr)}
.wcu-header h2{font-size:32px}
.wcu-grid-vector{width:120px;top:-40px;right:-40px}
.logo-grid .card,.web-grid .card{grid-column:span 6!important}
.stat-item{padding:0 24px}
.stat-num{font-size:28px}
}
@media (max-width:600px){
.logo-grid .card,.web-grid .card{grid-column:span 12!important}
.container{padding:0 20px}
.stats-strip{flex-wrap:wrap;gap:24px}
.stat-item::after{display:none}
}
.cta-contact,.pkg-section{padding:110px 0 120px;background:#fff;position:relative;overflow:hidden}
.cta-contact::before{content:"CONTACT";top:50px;transform:translateX(-50%);font-size:clamp(60px,11vw,120px);font-weight:900;color:transparent;-webkit-text-stroke:1px #717171;pointer-events:none;z-index:0}
.ind-section::before,.pkg-section::before{font-family:"Playfair Display",serif;font-weight:900;-webkit-text-stroke:1px #787878;pointer-events:none}
.cta-contact::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,108,.07) 0,transparent 70%);top:-120px;left:-140px;pointer-events:none;z-index:0}
.cta-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:stretch}
.cta-left{padding-top:0;min-height:100%}
.cta-image-wrap{width:102%;height:100%;min-height:560px;border-radius:24px;position:relative;overflow:hidden;background:#fff8f3}
.cta-bg-circles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.cta-woman-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;width:100%;height:83%;object-fit:cover;object-position:center top;display:block}
.form-card{background:#fff;border:1.5px solid #ede7df;border-radius:24px;padding:44px 40px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.06),0 4px 16px rgba(255,159,108,.06)}
.form-vector{position:absolute;top:0;right:0;width:160px;height:160px;pointer-events:none;z-index:0}
.form-heading,form{z-index:1;position:relative}
.form-heading{margin-bottom:32px}
.form-heading h3{font-family:"Playfair Display",serif;font-size:26px;color:#1a1208}
.btn-submit,.pkg-tab-btn{font-family:"DM Sans",sans-serif}
.form-heading p{font-size:14.5px;color:#7a7068;font-weight:300;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-group label{font-size:12px;font-weight:600;color:#1a1208;letter-spacing:.1em}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid #ede7df;background:#f9f4ef;font-family:"DM Sans",sans-serif;font-size:14.5px;color:#1a1208;font-weight:400;outline:0;transition:border-color .3s,background .3s,box-shadow .3s;appearance:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}
.form-group select{color:#bbb;cursor:pointer}
.form-group select.has-value,.form-group select:focus{color:#1a1208}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary);background:#fff;box-shadow:0 0 0 3px rgba(255,159,108,.12);color:#1a1208}
.form-group textarea{resize:vertical;min-height:110px}
.btn-submit{width:100%;display:flex;justify-content:center;gap:10px;padding:16px 32px;border-radius:50px;Background:linear-gradient(135deg,var(--primary),var(--primary));color:#fff;font-size:15px;font-weight:600;letter-spacing:.04em;border:none;cursor:pointer;margin-top:8px;transition:background .3s,transform .3s,box-shadow .3s}
.btn-submit:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,122,61,.3);color:#fff!important}
.btn-submit svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.ind-section{padding:110px 0 120px;position:relative;overflow:hidden;background:linear-gradient(to right,#f899145e,transparent 25%,#fff 40%,#fff 60%,transparent 75%,#f899145e)}
.ind-section::before{content:"INDUSTRIES";position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:clamp(50px,9vw,140px);color:transparent;white-space:nowrap;z-index:0}
.floating-vector{position:absolute;top:87;left:23;width:279px;height:400px;background:url(../newimages/Industries-vector.webp) center/contain no-repeat;opacity:1;pointer-events:none;z-index:10;animation:6s ease-in-out infinite floatVector}
@keyframes floatVector{
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,-20px)}
}
.orb,.pkg-section .orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.container,.ind-card,.marquee-wrap{position:relative}
.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,159,108,.07) 0,transparent 70%);top:-120px;right:-140px}
.orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(255,159,108,.06) 0,transparent 70%);bottom:-60px;left:-80px}
.container{max-width:1200px;margin:0 auto;padding:0 32px;z-index:1}
.ind-header,ul.list-item.clearfix{margin-bottom:40px}
.ind-header{text-align:center}
.ind-title{font-size:42px;font-weight:700;color:#000;line-height:1.1;margin-bottom:18px}
.ind-title em{font-style:normal!important;color:var(--secondary)}
.ind-subtitle{font-size:19px;color:#000;line-height:1.75;max-width:500px;margin:0 auto;font-weight:300}
.marquee-wrap{margin-top:0;margin-bottom:56px;overflow:hidden}
.marquee-wrap::after,.marquee-wrap::before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}
.marquee-track{display:flex;gap:12px;width:max-content;animation:32s linear infinite marquee}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.m-tag{padding:10px 22px;border-radius:50px;background:#000;border:1px solid #ede7df;font-size:13px;font-weight:500;letter-spacing:.08em;color:#fff;white-space:nowrap;transition:.3s;cursor:default}
.ind-card.dark .ind-name,.ind-name{font-size:15px;color:#fff}
.m-tag:hover{background:var(--secondary);color:#fff;border-color:rgba(255,159,108,.35)}
.m-tag.pop{background:#000;color:#fff;border-color:transparent}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ind-card{padding:30px 24px 26px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary));border:2px solid var(--secondary);overflow:hidden;cursor:default;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .3s;animation:.5s cubic-bezier(.23,1,.32,1) both cardIn}
.ind-card::before{content:"";position:absolute;background:linear-gradient(145deg,rgba(255,255,255,.15) 0,transparent 65%);opacity:0;border-radius:18px}
.ind-card::after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,transparent,#fff,transparent);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.23,1,.32,1)}
.ind-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(255,159,108,.3),0 4px 16px rgba(0,0,0,.08);border-color:rgba(255,255,255,.4)}
.pkg-badge,.pkg-section::before{left:50%;transform:translateX(-50%);white-space:nowrap}
.ind-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .35s,transform .4s cubic-bezier(.23,1,.32,1),border-color .3s}
.ind-card:hover .ind-icon-wrap{background:#fff;border-color:transparent;transform:rotate(-8deg) scale(1.1)}
.ind-icon-wrap svg{width:40px;height:28px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.ind-card.dark .ind-icon-wrap svg,.ind-card:hover .ind-icon-wrap svg{stroke:var(--secondary)}
.ind-name{font-weight:600;letter-spacing:.04em;margin-bottom:10px;transition:color .3s}
.ind-desc{font-size:14px;color:#fff;line-height:1.7;font-weight:400}
.ind-card.dark{background:var(--secondary);border-color:transparent;grid-column:span 1;display:block;padding:30px 24px 26px}
.ind-card.dark .ind-icon-wrap{background:rgba(255,159,108,.15);border-color:rgba(255,159,108,.3);width:48px;height:48px;border-radius:14px}
.ind-card.dark:hover .ind-icon-wrap{background:var(--accent);border-color:transparent}
.ind-card.dark .ind-desc{color:#fff;font-size:14px}
@keyframes cardIn{
from{opacity:0;transform:translateY(28px)}
to{opacity:1;transform:translateY(0)}
}
.ind-card:first-child{animation-delay:50ms}
.ind-card:nth-child(2){animation-delay:.1s}
.ind-card:nth-child(3){animation-delay:.15s}
.ind-card:nth-child(4){animation-delay:.2s}
.ind-card:nth-child(5){animation-delay:.25s}
.ind-card:nth-child(6){animation-delay:.3s}
.ind-card:nth-child(7){animation-delay:.35s}
.ind-card:nth-child(8){animation-delay:.4s}
.ind-card:nth-child(9){animation-delay:.45s}
.ind-card:nth-child(10){animation-delay:.5s}
.ind-card:nth-child(11){animation-delay:.55s}
.ind-card:nth-child(12){animation-delay:.6s}
.pkg-section::before{content:"PACKAGES";position:absolute;top:60px;font-size:clamp(50px,10vw,130px);color:transparent;z-index:0}
.pkg-section::after{content:"";position:absolute;top:290px;left:-11px;width:290px;height:400px;background-image:url(../newimages/resource/packages.webp);background-size:contain;background-repeat:no-repeat;z-index:10;pointer-events:none;animation:6s ease-in-out infinite pkgFloatVector}
@keyframes pkgFloatVector{
0%,100%,50%{transform:translateY(0) rotate(0)}
25%{transform:translateY(-10px) rotate(2deg)}
75%{transform:translateY(10px) rotate(-2deg)}
}
.pkg-section .orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(255,159,108,.08) 0,transparent 70%);top:-100px;right:-120px}
.pkg-section .orb-2{width:340px;height:340px;background:radial-gradient(circle,rgba(255,159,108,.06) 0,transparent 70%);bottom:0;left:-80px}
.pkg-section .container{max-width:1380px;margin:0 auto;padding:0 32px;position:relative;z-index:2}
.pkg-title{font-size:42px;font-weight:700;color:#000;line-height:1.1;margin-bottom:16px}
.pkg-subtitle{font-size:19px;color:#000;line-height:1.75;max-width:520px;margin:0 auto;font-weight:300}
.pkg-tab-switcher{display:flex;justify-content:center;margin-bottom:56px;background:#f9f4ef;border-radius:50px;padding:6px;width:fit-content;margin-left:auto;margin-right:auto;gap:4px}
.pkg-tab-btn{padding:13px 30px;border:none;background:0 0;border-radius:50px;cursor:pointer;font-size:15px;font-weight:500;color:#7a7068;transition:.3s;letter-spacing:.02em;white-space:nowrap}
.pkg-name,.price-amount{font-family:"Playfair Display",serif}
.pkg-tab-btn.active{background:#fff;color:#1a1208;box-shadow:0 2px 12px rgba(255,159,108,.18),0 0 0 1px rgba(255,159,108,.12)}
.pkg-tab-panel.active{display:grid;animation:.45s cubic-bezier(.23,1,.32,1) forwards pkgFadeUp}
.pkg-tab-panel.pkg-single-grid.active{grid-template-columns:repeat(2,1fr)}
@keyframes pkgFadeUp{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.pkg-card{border-radius:20px;background:#f3f3f3;border:3px solid var(--secondary);display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;position:relative}
.pkg-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(255,159,108,.15),0 4px 20px rgba(0,0,0,.06);border-color:rgba(255,159,108,.4)}
.pkg-card.highlight{border-color:var(--secondary);transform:scale(1.03);box-shadow:0 32px 80px rgba(255,159,108,.22),0 0 0 3px rgba(255,159,108,.15);z-index:2}
.cwd-left::after,.cwd-left::before{inset:0;pointer-events:none;z-index:0;content:"";position:absolute}
.pkg-card.highlight:hover{transform:scale(1.03) translateY(-8px)}
.pkg-badge{position:absolute;top:0;background:var(--secondary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;padding:6px 20px;border-radius:0 0 14px 14px}
.pkg-head{padding:55px 28px 24px;text-align:center;background:#f9f4ef;border-bottom:1.5px solid #ede7df}
.pkg-card.highlight .pkg-head{background:var(--primary);border-bottom-color:rgba(255,159,108,.2)}
.pkg-name{font-size:22px;font-weight:700;color:#1a1208;line-height:1.25;margin-bottom:22px}
.pkg-pricing{display:flex;align-items:center;justify-content:center;gap:16px}
.price-old{font-size:23px;color:#000;font-weight:500;text-decoration:line-through;text-decoration-color:#ff4c08;text-decoration-thickness:2px}
.price-new{display:flex;align-items:flex-start;gap:2px}
.price-symbol{font-size:22px;font-weight:700;color:var(--secondary);line-height:1;margin-top:6px}
.price-amount{font-size:54px;font-weight:900;color:#1a1208;line-height:1}
.discount-tag{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--secondary);color:#fff;font-size:11px;font-weight:800;line-height:1.2;text-align:center;flex-shrink:0;letter-spacing:.02em;box-shadow:0 4px 14px rgba(255,122,61,.4)}
.pkg-includes-label{background:var(--primary);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;padding:10px 28px}
.btn-chat,.btn-order{Background:linear-gradient(135deg,var(--primary),var(--primary))}
.pkg-body{padding:20px 28px 0;flex:1}
.pkg-features{list-style:none;display:flex;flex-direction:column;gap:0;max-height:280px;overflow-y:auto;padding-right:4px}
.cwd-left,.cwd-mgrid-card,.cwd-mscreen,.cwd-murl,.cwd-section,.cwd-stats-row{overflow:hidden}
.pkg-features::-webkit-scrollbar{width:3px}
.pkg-features::-webkit-scrollbar-track{background:#f9f4ef;border-radius:2px}
.pkg-features::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:2px}
.pkg-features li{font-size:14.5px;color:#444;line-height:1.5;padding:9px 0 9px 26px;position:relative;border-bottom:1px solid #f5f0ea;font-weight:400}
.pkg-features li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary);background:#fff3ec;flex-shrink:0}
.pkg-addon{text-align:center;padding:12px 28px 0;font-size:12px;color:#000!important;letter-spacing:.04em}
.pkg-addon span{color:var(--secondary);font-weight:600}
.pkg-footer{padding:20px 28px 28px;display:flex;gap:10px}
.btn-chat,.btn-order{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:50px;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:.3s;white-space:nowrap}
.btn-chat{color:#fff;border:1.5px solid #ede7df}
.btn-chat:hover{border-color:var(--secondary)!important;color:var(--secondary)!important;background:#fff3ec!important}
.btn-order{color:#fff}
.btn-order:hover{background:#e86a2a;transform:translateY(-1px);color:#fff}
.btn-chat svg,.btn-order svg{width:16px;height:16px;flex-shrink:0}
.pkg-tab-panel.active .pkg-card.wide{grid-column:span 3;justify-content:center;align-items:center}
.wide .pkg-footer{flex-direction:row;max-width:400px}
.wide .pkg-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 24px}
.wide .pkg-features{max-height:none}
.footer-logo{display:flex;align-items:center!important;text-decoration:none;justify-content:center!important}
.logo-image img{height:180px;width:150px;object-fit: contain;display:block}
figure.image.clearfix{top:-255px}
figure.image.clearfix-logo{top:-279px;left:6px;right:80px;border-radius:15px!important;width:83%}
img{border-radius:15px}
figure.image.clearfix-development{top:-258px;left:-20px;right:56px}
.cwd-section{position:relative;background:#fff;max-width:1300px;width:100%;margin:-206px auto 60px;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 40px 100px rgba(196,65,164,.13),0 8px 32px rgba(0,0,0,.07)}
.cwd-left,.cwd-left-header{display:flex;position:relative}
.cwd-left{background:var(--primary);padding:36px 32px;flex-direction:column;gap:20px;min-height:560px}
.cwd-left::before{background:radial-gradient(ellipse at 10% 10%,rgba(196,65,164,.22) 0,transparent 50%),radial-gradient(ellipse at 90% 90%,rgba(168,53,154,.18) 0,transparent 50%)}
.cwd-left::after{background-image:radial-gradient(circle,rgba(196,65,164,.25) 1px,transparent 1px);background-size:24px 24px;opacity:.4}
.cwd-left-header{z-index:2;align-items:center;justify-content:space-between}
.cwd-left-title{font-size:11px;font-weight:700;letter-spacing:2.5px;color:rgba(255,255,255,.55);font-family:"DM Sans",sans-serif}
.cwd-live-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(196,65,164,.3);border-radius:30px;padding:5px 14px}
.cwd-live-dot{width:7px;height:7px;border-radius:50%;background:var(--secondary);animation:1.8s ease-in-out infinite cwdPulse}
@keyframes cwdPulse{
0%,100%{box-shadow:0 0 0 0 rgba(196,65,164,.6)}
50%{box-shadow:0 0 0 5px rgba(196,65,164,0)}
}
.cwd-live-pill span{font-size:10px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:1px;text-transform:uppercase;font-family:"DM Sans",sans-serif}
.cwd-eyebrow span,.cwd-mcard-tag{font-weight:700;font-family:"DM Sans",sans-serif;text-transform:uppercase}
.cwd-mockup-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:140px;gap:10px;flex:1;align-items:stretch}
.cwd-mgrid-card{border-radius:10px;display:flex;flex-direction:column;align-self:stretch;border:1px solid rgba(196,65,164,.22);box-shadow:0 8px 28px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s,border-color .3s;cursor:pointer;position:relative}
.cwd-mgrid-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 2px rgba(196,65,164,.55);border-color:rgba(196,65,164,.5);z-index:10}
.cwd-mgrid-card.cwd-featured{grid-row:span 2}
.cwd-mbar{height:22px;flex-shrink:0;display:flex;align-items:center;padding:0 8px;gap:4px;background:#1a0e20;border-bottom:1px solid rgba(196,65,164,.15)}
.cwd-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.cwd-murl{flex:1;height:10px;border-radius:5px;margin-left:5px;background:rgba(255,255,255,.08);position:relative}
.cwd-murl::after{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:40%;height:4px;border-radius:3px;background:rgba(196,65,164,.35)}
.cwd-right::after,.cwd-right::before{border-radius:50%;pointer-events:none;content:""}
.cwd-mscreen{flex:1;position:relative;min-height:0}
.cwd-mscreen img{width:100%;height:auto;display:block;transform:translateY(0);transition:transform 6s ease-in-out}
.cwd-mgrid-card:hover .cwd-mscreen img{transform:translateY(-70%)}
.cwd-mcard-tag{position:absolute;bottom:8px;left:8px;background:rgba(196,65,164,.88);backdrop-filter:blur(6px);border-radius:20px;padding:3px 10px;font-size:8.5px;color:#fff;letter-spacing:.8px;opacity:0;transition:opacity .3s;pointer-events:none}
.cwd-heading,.cwd-sv{font-family:"Playfair Display",serif;font-weight:900}
.cwd-right{padding:56px 50px 56px 46px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#fff}
.cwd-right::before{position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(196,65,164,.055) 0,transparent 70%)}
.cwd-right::after{position:absolute;bottom:-60px;left:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(196,65,164,.04) 0,transparent 70%)}
.cwd-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.cwd-eb{width:26px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--secondary),#e879c4)}
.cwd-eyebrow span{font-size:10.5px;letter-spacing:2.8px;color:var(--secondary)}
.cwd-heading{font-size:34px;color:#1a0a17;line-height:1.12;margin-bottom:22px}
.cwd-heading em{font-style:normal;color:var(--secondary);position:relative}
.cwd-heading em::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(196,65,164,.38),transparent);border-radius:2px}
.cwd-stats-row{display:flex;margin-bottom:24px;border:1px solid rgba(196,65,164,.1);border-radius:14px;background:linear-gradient(135deg,rgba(196,65,164,.03),rgba(168,53,154,.05))}
.cwd-si{flex:1;padding:13px 0;text-align:center;position:relative}
.cwd-si+.cwd-si::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:rgba(196,65,164,.14)}
.cwd-sv{font-size:22px;color:var(--secondary);line-height:1;margin-bottom:3px}
.cwd-fd,.cwd-ft,.cwd-sl{font-family:"DM Sans",sans-serif}
.cwd-sl{font-size:9px;color:#bbb;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.cwd-features{display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.cwd-feat{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid rgba(196,65,164,.07);background:rgba(196,65,164,.015);transition:.3s;cursor:default}
.cwd-feat:hover{background:rgba(196,65,164,.05);border-color:rgba(196,65,164,.18);transform:translateX(5px);box-shadow:-3px 0 0 0 var(--secondary)}
.cwd-btn-primary:hover,.cwd-btn-secondary:hover,.svc-item:hover{transform:translateY(-3px)}
.cwd-fi{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(196,65,164,.3)}
.cwd-fi svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cwd-ft{font-size:17px;font-weight:700;color:#1a0a17;margin-bottom:2px}
.cwd-fd{font-size:15px;line-height:1.6;color:#000}
.cwd-hr{height:1px;background:linear-gradient(90deg,transparent,rgba(196,65,164,.15),transparent);margin-bottom:24px}
.cwd-actions{display:flex;gap:12px;align-items:center}
.cwd-btn-primary,.cwd-btn-secondary{gap:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;font-family:"DM Sans",sans-serif}
.cwd-btn-primary{display:inline-flex;align-items:center;padding:13px 24px;background:var(--secondary);color:#fff;border:none;border-radius:50px;box-shadow:0 8px 22px rgba(196,65,164,.38);transition:.3s}
.cwd-btn-primary:hover{box-shadow:0 14px 34px rgba(196,65,164,.48);color:#fff!important}
.cwd-btn-arr{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.cwd-btn-primary:hover .cwd-btn-arr{transform:translateX(3px)}
.cwd-btn-arr svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round}
.cwd-btn-secondary{display:inline-flex;align-items:center;padding:13px 20px;background:0 0;color:var(--secondary);border:2px solid rgba(196,65,164,.22);border-radius:50px;transition:.3s}
.cwd-btn-ico,.services-bar{align-items:center;display:flex}
.cwd-btn-secondary:hover{background:rgba(196,65,164,.06);border-color:var(--secondary)}
.cwd-btn-ico{width:26px;height:26px;border-radius:50%;background:rgba(196,65,164,.1);justify-content:center}
.cwd-btn-ico svg{width:13px;height:13px;stroke:var(--secondary);fill:none;stroke-width:2;stroke-linecap:round}
@media (max-width:960px){
.cwd-section{grid-template-columns:1fr}
.cwd-left{min-height:460px}
.cwd-mockup-grid{grid-template-columns:1fr 1fr}
.cwd-mgrid-card.cwd-featured{grid-row:span 1}
.cwd-right{padding:40px 32px}
}
@media (max-width:560px){
.wcu-grid{grid-template-columns:1fr}
.cwd-mockup-grid{grid-template-columns:1fr 1fr}
.cwd-heading{font-size:26px}
.cwd-right{padding:32px 20px}
}
.services-bar{background:#fff;border-radius:20px;padding:18px 28px;margin:24px 0 32px;box-shadow:0 4px 24px rgba(196,65,164,.1),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(196,65,164,.12);gap:0;width:fit-content}
.svc-item{display:flex;align-items:center;gap:2px;padding:0 28px;cursor:default;transition:transform .25s}
.svc-item:last-child{padding-right:0}
.svc-icon-wrap{width:60px;height:60px;flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(139, 92, 246, .25));transition:filter .25s}
.svc-icon-wrap svg{width:100%;height:100%}
.svc-text{display:flex;flex-direction:column;line-height:1.2}
.svc-name{font-family:"DM Sans",sans-serif;font-size:17px;font-weight:700;color:#1a0a17;white-space:nowrap}
.svc-sub{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;color:#7c4d99;white-space:nowrap}
.svc-divider{width:1px;height:48px;background:linear-gradient(to bottom,transparent,rgba(196,65,164,.25),transparent);flex-shrink:0}
@media (max-width:600px){
.services-bar{flex-direction:column;width:100%;gap:16px;padding:20px}
.svc-item{padding:0}
.svc-divider{width:80%;height:1px;background:linear-gradient(to right,transparent,rgba(196,65,164,.25),transparent)}
}
.theme-btn.btn-two{position:relative;animation:1s infinite pulseBtn}
@keyframes pulseBtn{
0%{box-shadow:0 0 0 0 rgba(255,87,34,.7)}
70%{box-shadow:0 0 0 15px rgba(255,87,34,0)}
100%{box-shadow:0 0 0 0 rgba(255,87,34,0)}
}
@keyframes svcBarIn{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes svcFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-5px)}
}
.svc-item:first-child .svc-icon-wrap{animation:3.2s ease-in-out infinite svcFloat}
.svc-item:nth-child(3) .svc-icon-wrap{animation:3.2s ease-in-out .6s infinite svcFloat}
.svc-item:nth-child(5) .svc-icon-wrap{animation:3.2s ease-in-out 1.2s infinite svcFloat}
.svc-item:hover .svc-icon-wrap{filter:drop-shadow(0 10px 22px rgba(139, 92, 246, .38));animation-play-state:paused}
@keyframes svcShimmer{
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.services-bar{background-size:200% 200%;animation:.7s cubic-bezier(.23,1,.32,1) both svcBarIn,6s .7s infinite svcShimmer}
@keyframes divPulse{
0%,100%{opacity:.4}
50%{opacity:1}
}
.svc-divider{animation:3s ease-in-out infinite divPulse}
.svc-divider:last-of-type{animation-delay:1.5s}
@keyframes svcItemIn{
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.svc-item:first-child{padding-left:0;animation:.5s .15s both svcItemIn}
.svc-item:nth-child(3){animation:.5s .3s both svcItemIn}
.svc-item:nth-child(5){animation:.5s .45s both svcItemIn}
.content-box h1 span{background:var(--secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.hero-vid{position:absolute;width:100%;top:0;left:0;z-index:-1}
.header-area--absolute{background:#fff;transition:background .3s}
.contact-inner input,.contact-inner select,.contact-inner textarea{width:100%!important;margin:10px 0;padding-top:10px;padding-bottom:10px;padding-left:10px;border-radius:8px}
.demo-panel-header a.quick-option.hint--bounce.hint--left.hint--black.primary-color-hover-important{float:right;background-color:#fff;border-radius:100%;height:40px;width:40px;display:flex;justify-content:center;align-items:center}
.demo-panel-header .contact-inner textarea{height:80px}
.demo-panel-header .pb-4{padding-bottom:.5rem!important}
.demo-option-wrapper .ht-btn-full{width:100%}
.demo-option-wrapper .contact-inner input::file-selector-button{color:#fff;padding:.8em;border-radius:10px 0 0 10px;background-color:#12aef8}
.demo-option-wrapper .contact-inner input.upload-file{padding:6px 10px 12px;height:45px}
.demo-option-wrapper .contact-inner input,.demo-option-wrapper .contact-inner select{color:#000;background-color:#f8f8f8;font-size:14px;font-weight:400;letter-spacing:0;border:1px solid;width:100%;outline:0;border-radius:10px;padding:3px 20px;height:43px}
.demo-option-wrapper{padding-top:70px!important;padding-bottom:0!important;background-color:#081f33;height:100%;overflow-y:auto}
.demo-option-wrapper .contact-inner textarea{border-radius:10px}
.demo-option-wrapper .contact-inner{margin:0 0 10px}
.demo-option-wrapper .demo-panel-header{color:#fff;padding:40px 30px 30px;text-align:center}
.demo-option-wrapper h4{font-size:40px;color:#fff;margin-top:40px}
.demo-option-wrapper h5{font-size:30px;color:#12aef8}
.demo-option-wrapper h6{font-size:20px;color:#fff;font-weight:400}
.demo-option-wrapper .fa-solid.fa-xmark{font-size:24px;font-weight:100;font-family:'Font Awesome 5 Free';color:#000;padding:8px}
.aeroland__toolbar .inner{position:absolute;display:block;border-right:0;background:#fff;text-align:center;-webkit-box-shadow:-3px 0 10px -2px rgba(0,0,0,.1);box-shadow:-3px 0 10px -2px rgba(0,0,0,.1)}
.aeroland__toolbar .inner a{display:block;color:#222;-webkit-transition:.3s cubic-bezier(.645,.045,.355,1);-o-transition:.3s cubic-bezier(.645,.045,.355,1);transition:.3s cubic-bezier(.645,.045,.355,1);font-size:20px;line-height:21px;width:100%;height:100%;padding:8px 12px;text-align:left;font-weight:300}
.demo-option-container{position:fixed;top:0;left:100%;background:#fff;height:100%;width:400px;max-width:calc(100% - 45px);z-index:5;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.demo-option-container.open{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-shadow:-3px 0 50px -2px rgba(0,0,0,.14);box-shadow:-3px 0 50px -2px rgba(0,0,0,.14)}
.demo-quick-option-list{padding:27px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}
.demo-quick-option-list a img{border-radius:5px}
.demo-quick-option-list a:hover img{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.2);box-shadow:0 10px 25px rgba(0,0,0,.2)}
a.quick-option.hint--bounce.hint--left.hint--black.primary-color-hover-important{float:right}
.aeroland__toolbar .inner{-moz-transform:rotateX(0) rotateY(0) rotateZ(-90deg)!important;-webkit-transform:rotateX(0) rotateY(0) rotateZ(-90deg)!important;-o-transform:rotateX(0) rotateY(0) rotateZ(-90deg)!important;-ms-transform:rotateX(0) rotateY(0) rotateZ(-90deg)!important;transform:rotateX(0) rotateY(0) rotateZ(-90deg)!important;border-radius:20px 20px 0 0;width:160px;top:50%;border:2px solid #fff;right:90.2%}
.orange-gradient{background:#ec1c23!important;background:linear-gradient(0deg,#ec1c23 0,#c4151b 100%)!important}
i.fa-solid.fa-circle-xmark{font-size:30px}
.intl-tel-input .selected-flag{padding:0 6px 10px 8px!important}