/*
Theme Name: Compass Audio
Theme URI: https://welcome-11a43a5.netsolhost.com/
Description: Child theme for Twenty Twenty-One — place custom styles here.
Author: Muskan
Author URI: https://welcome-11a43a5.netsolhost.com/
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentyone-child
*/

/* Add your custom CSS below */


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.elementor-section.elementor-section-boxed > .elementor-container{width:100%;max-width:1440px !important;padding:0 80px;margin:0 auto;box-sizing:border-box;}
.elementor.elementor-45 {max-width:unset !important;}
html{scroll-behavior:smooth;}

:root {
    --p-scale: 1;
}



/******freelancer section********/

.freelance-main .elementor-widget-heading {margin:0;}
.freelance-main .elementor-widget-heading h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 128px;line-height: 160%;color: #000000;text-align:center;}
.freelance-main .elementor-widget-heading h2 span{color:#7F7D7D;}
.freelance-main .elementor-widget-text-editor{margin:0;}
.freelance-main .elementor-widget-text-editor p{margin:0px auto 30px;font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 18px;line-height: 160%;text-align: center;color: rgba(0, 29, 42, 0.8);max-width:878px;}
.freelance-main .freelnce-innr > .elementor-container.elementor-column-gap-default{justify-content:space-between;gap:20px;}
.freelance-main .freelnce-innr .free-inner-left{width:100%;max-width:607px;}
.freelance-main .freelnce-innr .free-inner-right{width:100%;max-width:616px;}
.freelance-main .freelnce-innr .free-inner-right form .name-row p, 
.freelance-main .freelnce-innr .free-inner-right form .email-row p,
.freelance-main .freelnce-innr .free-inner-right form .location-row p
{display:flex;justify-content:space-between;align-items:center;}
.freelance-main .freelnce-innr .free-inner-right form .name-row p label,
.freelance-main .freelnce-innr .free-inner-right form .email-row p label,
.freelance-main .freelnce-innr .free-inner-right form .location-row p label{width:48%;margin:0;}
.freelance-main .freelnce-innr .free-inner-right form .name-row p lable{width:48%;}

.freelance-main .freelnce-innr .free-inner-right form input, .freelance-main .freelnce-innr .free-inner-right form select, .freelance-main .freelnce-innr .free-inner-right form textarea{width:100%;border-radius:30px;border:1px solid #00000033;height:60px;outline:none;}
.freelance-main .freelnce-innr .free-inner-right form textarea{border-radius:15px;height:120px;resize:none;}
.freelance-main .freelnce-innr .free-inner-right form p {margin:0 0 25px;}
.freelance-main .freelnce-innr .free-inner-right form p:has(input[type="submit"]){width:fit-content;position:relative;}
.freelance-main .freelnce-innr .free-inner-right form p:has(input[type="submit"]):hover::after{transform:rotate(0deg);}
.freelance-main .freelnce-innr .free-inner-right form p:has(input[type="submit"])::after{position:absolute;content:"\f061";color:#fff;font-family:'Font Awesome 5 Free';display:flex;justify-content:center;align-items:center;font-weight:700;right:5px;top:0;bottom:0;margin:auto;width:38px;height:38px;transition:all ease 0.5s;background:#FB6107;border-radius:50%;transform:rotate(-45deg);}
.freelance-main .freelnce-innr .free-inner-right form p input[type="submit"]{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;text-align: start;;color: #0E0F11;background:transparent;padding:11px 60px 11px 16px;height:unset;}
.freelance-main .freelnce-innr .free-inner-right form p:last-of-type span.wpcf7-spinner{display:none;}
.freelance-main .freelnce-innr .free-inner-left video{width:100%;border-radius:20px;height:726px;}

.freelance-main .freelnce-innr .free-inner-right form p label{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 20px;line-height: normal;color: #000000;margin:0 0;display:flex;flex-direction:column;gap:20px;text-transform:capitalize;}
.freelance-main .freelnce-innr .free-inner-right form p br{display:none;}
.freelance-main .freelnce-innr .free-inner-right form .file-select{width:48%;}

.freelance-main .freelnce-innr .free-inner-right form .file-select label span {width: 100%;display: flex;align-items: center;justify-content: end;padding: 11px 20px;border: 1px solid #ddd;border-radius: 40px;background: #fff;cursor: pointer;position: relative;height:60px;}
.freelance-main .freelnce-innr .free-inner-right form .file-select input[type="file"] {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.freelance-main .freelnce-innr .free-inner-right form .file-select label span::after {content: "";font-size: 18px;width: 46px;height: 46px;background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Background-1.png");color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;right:6px;position:absolute;}
.freelance-main .freelnce-innr .free-inner-right form .file-select label span::before{content:"Browse Files";position: absolute;font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 16px;line-height: 70px;color: #A5A5A5;left:25px;}

.freelance-main .freelnce-innr .free-inner-right form input::placeholder, .freelance-main .freelnce-innr .free-inner-right form select, .freelance-main .freelnce-innr .free-inner-right form textarea::placeholder{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 16px;line-height: normal;color: #A5A5A5;}

.freelance-main .freelnce-innr .free-inner-right form input,
.freelance-main .freelnce-innr .free-inner-right form select,
.freelance-main .freelnce-innr .free-inner-right form textarea
{padding-left:25px;margin-inline:0 !important;}
.freelance-main .freelnce-innr .free-inner-right form textarea{padding-top:10px;}

/*******recent works section********/


.recent-second .elementor-top-column{border-top:1px solid #FFFFFF1A;padding:80px 0 0;}
.recent-second .rcnt-innr-row > .elementor-container.elementor-column-gap-default{justify-content:space-between;}
.recent-second .rcnt-innr-row .recnt-inr-col{width:fit-content;}
.recent-second .rcnt-innr-row .recnt-inr-col h2{display:flex;flex-direction:column;gap:22px;}
.recent-second .rcnt-innr-row .recnt-inr-col h2 span.num{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 105px;line-height: 160%;color: #FFFFFF;display:flex;justify-content:center;gap:0;}
.recent-second .rcnt-innr-row .recnt-inr-col h2 span.num ins{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 105px;line-height: 160%;background: linear-gradient(180deg, #808080 0%, #1A1A1A 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;text-decoration:none;}
.recent-second .rcnt-innr-row .recnt-inr-col h2 span:last-child{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 18px;line-height: 160%;color: #FFFFFF;}

.simply-vid-sec .elementor-widget-heading h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 40px;line-height: 160%;align-items: center;color: #999999;text-align:center;}
.simply-vid-sec .elementor-widget-video{margin: 30px 0;}
.simply-vid-sec .elementor-widget-heading{margin:0;}
.simply-vid-sec .elementor-widget-video video{height:600px;border-radius:10px;width:100%;}
.simply-vid-sec .elementor-widget-video  .e-hosted-video.elementor-wrapper.elementor-open-inline{height:600px;width:100%;}
.simply-vid-sec .elementor-widget-text-editor p{font-family: 'Rubik';font-style: normal;font-weight: 500;font-size: 24px;line-height: 140%;color: #000000;text-align:center;max-width:1126px;margin:0 auto;}

/******our team section******/

.elementor-element-8e56a1e {
    display: none;
}
.team-main .elementor-widget-heading h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 128px;line-height: normal;color: #000000;text-align:center;}
.team-main .elementor-widget-heading h2 span{color:#7F7D7D;}
.team-main > .elementor-container.elementor-column-gap-default{max-width:1074px !important;}
.team-main .team-inner-sec .team-inner-col{width:100%;max-width:250px;opacity:0.4;transition:all ease 0.5s;}
.team-main .team-inner-sec > .elementor-container.elementor-column-gap-default{justify-content:space-between;}
.team-main .team-inner-sec .team-inner-col .elementor-image-box-wrapper figure{width:100% !important;max-width:100% !important;margin:0 !important;}
.team-main .team-inner-sec .team-inner-col .elementor-image-box-wrapper figure img{width:100%;border-radius:10px;height:300px !important;}
.team-main .team-inner-sec .team-inner-col .elementor-image-box-content h3{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 24px;line-height: 160%;color: #000000;/* transform: rotate(5.39deg); */text-align:start;}
.team-main .team-inner-sec .team-inner-col .elementor-image-box-content p{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 16px;line-height: 160%;color: rgba(0, 29, 42, 0.8);text-align:start;}
.team-main.team-scnd .team-inner-sec > .elementor-container.elementor-column-gap-default{justify-content:center;gap:82px;}
.team-main.team-scnd .team-inner-sec{margin-top:50px;}
.team-main .team-inner-sec .team-inner-col:hover{ transform: rotate(5.39deg);opacity:1;}
.team-main .elementor-widget-text-editor p{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 18px;line-height: 160%;text-align:center;color: rgba(0, 29, 42, 0.8);}
.team-main .elementor-widget-text-editor{margin:0 0 30px;}


/*splash screen text*/

#hanzo-splash-screen .static-text {font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 70px;line-height: normal;color: #000000;align-self: self-end;}
#hanzo-splash-screen .slide-text li p {font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 70px;line-height: normal;color: #000000;}
#hanzo-splash-screen .splash-text {align-items: end;}
#hanzo-splash-screen .slide-text-wrapper {padding-left: 10px}
#hanzo-splash-screen .static-text::after{background:#00000033 !important;top:0 !important;height:64% !important;bottom:0;margin:auto;width:3px !important;}


/******our service ssection*****/


.servic-main .servc-colmn .elementor-widget-heading h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 128px;line-height: 55px;text-align: center;color: #FFFFFF;}
.servic-main .servc-colmn .elementor-widget-heading h2 span{color:#FFFBFB70;}
.servic-main {background:#000;padding:100px 0;margin:0 0px !important;}
.servic-main .servc-colmn .servc-innr-sec{margin-top:100px}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques{border-bottom:1px solid #FFFBFB33;margin:0 0 50px;position:relative;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 70px;line-height: 55px;color: #FFFFFF;display:inline-block;padding-bottom:30px;transition:all ease 0.5s;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques span{position:absolute;right:0}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques:hover .hover-main{padding-bottom:20px}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques .hover-main .all-cont p{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 18px;line-height: 160%;color:#fff}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques .hover-main .all-cont{width:35%;display:inline-block;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion  .hover-main .lists{width:60% !important;display:inline-flex !important;gap:80px;vertical-align:top;justify-content:end}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main ul li{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 15px;line-height: 150%;color: #FFFFFF !important;position:relative;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main ul{padding:0;display:flex;flex-direction:column;gap:34px;}

.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques span {display: none;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3 {display: block;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.preplan-first h3::after {content: '';width: 58px;height: 58px;background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Pre-planning-Icon.png");background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 50px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.event-first h3::after {content: '';width: 58px;height: 58px;background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Events-Icon.png");background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 50px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.production-first h3::after {content: '';width: 58px;height: 58px;background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Production-Icon-1.png");background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 50px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.skilled-first h3::after {content: '';width: 58px;height: 58px;background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Skilled-Tech-Icon-2.png");background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;right: 50px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main ul{list-style:none;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.preplan-first ul li::before{content:"";background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Vector-1.png");position:absolute;left:-28px;top:0;width:20px;height:20px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.skilled-first ul li::before{content:"";background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Vector-3.png");position:absolute;left:-28px;top:0;width:20px;height:20px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.production-first ul li::before{content:"";background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Vector-3.png");position:absolute;left:-28px;top:0;width:20px;height:20px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.event-first ul li::before{content:"";background-image: url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Vector-2.png");position:absolute;left:-28px;top:0;width:20px;height:20px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.event-first:hover h3{color:#e1d523;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.preplan-first:hover h3{color:#fb6107;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.production-first:hover h3{color:#7cb518;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques.skilled-first:hover h3{color:#05788d;}

.menu-panel{display:none;}
.menu-panel.open {display: block !important;}
 
 .menu-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
 
.menu-panel.open {
    max-height: 500px;  /* bigger than your menu height */
}

/*****footer *****/


.home-foot .foot-home-col{padding:380px 40px 20px;}
.home-foot{background:#000;}
/*.home-foot > .elementor-container.elementor-column-gap-default{padding:0 35px}*/

.home-foot .foot-home-col .elementor-widget-heading h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 180px;line-height: 90px;color: #FFFFFF;text-align:center;}
.home-foot .foot-home-col .elementor-widget-heading h2 span{color:#7F7D7D}
.home-foot .foot-home-col .elementor-widget-heading h3 a{border:1px solid #ffffff80;border-radius:50px;padding:12px 60px 11px 23px;width:fit-content;font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 16px;line-height: normal;color: #FFFFFF;position:relative;}
.home-foot .foot-home-col .foot-icon-hide {display:none;}
.home-foot .foot-home-col .elementor-widget-heading h3 {display:flex;justify-content:center;position:relative;width:fit-content;margin:30px auto;}
.home-foot .foot-home-col .elementor-widget-heading h3 a::after{content:"\f061";width:38px;height:38px;font-family:'Font AWesome 5 Free';font-weight:700;background:#FB6107;border-radius:50%;font-size:16px;position:absolute;display:flex;justify-content:center;align-items:center;right:3px;top:0;bottom:0;margin:auto;transition:linear 0.5s;transform:rotate(-45deg);}
.home-foot .foot-home-col .elementor-widget-heading:has(h3){width:100% !important;max-width:100%;}
.home-foot .foot-home-col .elementor-widget-heading h3 a:hover::after{transform:rotate(0deg);}
.home-foot .foot-home-col .hom-foot-social .elementor-social-icons-wrapper span a{background:#FFFFFF1a;border-radius:50%;transition:linear 0.5s;width:50px;height:50px;display:flex;justify-content:center;}
.home-foot .foot-home-col .hom-foot-social .elementor-social-icons-wrapper span a svg{fill:#FB6107;width:22px;transition:linear 0.5s;}
.home-foot .foot-home-col .hom-foot-social .elementor-social-icons-wrapper{gap:15px;display:flex;justify-content:center;}
.home-foot .foot-home-col .hom-foot-social .elementor-social-icons-wrapper span a:hover {background:#fb6107;}
.home-foot .foot-home-col .hom-foot-social .elementor-social-icons-wrapper span a:hover svg{fill:#ffffff;}

.home-foot.copyrt .foot-home-col{padding:25px 20px 20px !important}
.home-foot .foot-home-col{padding-bottom:0}
.home-foot.copyrt .foot-home-col .elementor-widget-text-editor p{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 14px;line-height: 17px;color: #5E6875;text-align:center;}
.home-foot .foot-home-col .foot-locates > .elementor-container.elementor-column-gap-default{justify-content:space-between;}
.home-foot .foot-home-col .foot-locates .foot-locate-col{max-width:300px;padding:30px 0;margin-top:60px;}
.home-foot .foot-home-col .foot-locates{border-block:1px solid #ffffff1a}
.home-foot .foot-home-col .foot-locates .foot-locate-col h5{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 16px;line-height: 160%;color: rgba(255, 255, 255, 0.6);}
.home-foot .foot-home-col .foot-locates .foot-locate-col h4{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 20px;line-height: 160%;color: #FFFFFF;}


.home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(2) {max-width: 492px;width:100% !important;padding-inline:100px; border-inline:1px solid #ffffff1a;}
.home-foot .foot-home-col .foot-locates .foot-locate-col {padding-block:6px;margin-top: 0;}
.home-foot .foot-home-col .foot-locates .foot-locate-col{max-width:33%;width:100% !important;}
.home-foot .foot-home-col .foot-locates {padding: 24px 0 !important;margin:100px 0 0;}
.home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(3){padding-left:100px}

.home-foot .foot-home-col .foot-locates .foot-locate-col h4 span{padding-left:40px;position:relative;}
.home-foot .foot-home-col .foot-locates .foot-locate-col h4 span::after{width:1px;height:100%;background:#ffffff1a;content:"";left:15px;position:absolute;top:0;bottom:0;}


/**********header menu**********/

.header-main .menu-panel.open ul#menu-main-menu {display: grid;gap: 20px;grid-template-columns: 1fr ;}
.menu-panel > .elementor-container.elementor-column-gap-default {padding: 0;height: 100%;}
.header-main .menu-panel.open {height: 100vh !important;max-height: unset !important;background: #000;position: fixed;z-index: 9;inset: 0;}
.header-main .menu-panel.open .elementor-widget-ekit-nav-menu {height: 100%;}
.header-main .menu-panel.open .elementor-widget-container {height: 100%;}
.header-main .menu-panel.open .ekit-wid-con.ekit_menu_responsive_tablet {height: 100%;position:absolute;width:100%;}
.header-main .menu-panel.open ul#menu-main-menu li a {font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 70px;line-height: 100%;color: #FFFFFF;position: relative;width: 100%;justify-content: right;}
.header-main .menu-panel.open ul#menu-main-menu li a::after {content: "What We Do";position: absolute;left: 0;font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 25px;line-height: 160%;color: #FFFFFF;text-transform:capitalize;}
.header-main .menu-panel.open .elementskit-menu-hamburger.elementskit-menu-toggler {float: unset !important;background: #fff;display: block;position: absolute;left: 0;}
.header-main .menu-panel.open ul#menu-main-menu:hover li{opacity:0;}
.header-main .menu-panel.open ul#menu-main-menu li{transition:all ease 1.56s !important;padding-bottom:20px;}
.header-main .menu-panel.open ul#menu-main-menu li:hover {opacity:1;}
.header-main .menu-panel.open ul#menu-main-menu{gap:0;}
.header-main .menu-panel.open ul#menu-main-menu li a::after{transition:all ease 1.56s !important;opacity:0;}
.header-main .menu-panel.open ul#menu-main-menu li a:hover::after{opacity:1}
.header-main .menu-panel.open ul#menu-main-menu li {display: flex;justify-content: end;}

.header-main .menu-panel.open ul#menu-main-menu li:nth-of-type(2) a::after {content: "Who We Are";}
.header-main .menu-panel.open ul#menu-main-menu li:nth-of-type(4) a::after {content: "Our Work In Action";}
.header-main .menu-panel.open ul#menu-main-menu li:nth-of-type(5) a::after {content: "Join the Team";}
.header-main .menu-panel.open ul#menu-main-menu li:nth-of-type(6) a::after {content: "Let's Talk";}
.header-main .menu-panel.open ul#menu-main-menu li#menu-item-36 a::after {display: none;}

.header-main .header-top-row> .elementor-container.elementor-column-gap-default {justify-content:space-between;align-items:center;}
.header-main .header-top-row .logo-header{width:100%;max-width:239px;}
.header-main .header-top-row .head-btn{width:100%;max-width:190px;margin:0 0 0 auto;}
.header-main .header-top-row .menu-toggle{width:100%;max-width:fit-content;}
.header-main .header-top-row  .head-btn .elementor-widget-heading a{padding:12px 55px 11px 24px;font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;color: #0E0F11;border:1px solid #AFAFAF80;border-radius:30px;}
.header-main .header-top-row  .head-btn .elementor-widget-heading a::after{content:"\f061";width:38px;height:38px;font-family:"Font Awesome 5 Free";font-weight:700;position:absolute;background:#fb6107;display:flex;justify-content:center;align-items:center;border-radius:50%;right:8px;top:0;bottom:0;margin:auto;color:#fff;transform:rotate(-45deg);}
.header-main .header-top-row  .head-btn .elementor-widget-heading a:hover::after{transform:rotate(0deg);}
.header-main .header-top-row  .head-btn .elementor-widget-image{display:none;}
.header-main .header-top-row  .head-btn .elementor-heading-title.elementor-size-default{width:fit-content;}
.header-main .header-top-row .logo-header  img{height:100% !important;}
.header-main .header-top-row .menu-toggle .elementor-widget-icon{margin:0;}
.header-main .header-top-row .menu-toggle .elementor-widget-icon .elementor-icon{position:relative;cursor:pointer;}
.header-main .header-top-row .menu-toggle .elementor-widget-icon .elementor-icon::after{position:absolute;content:"";background-image:url("https://welcome-11a43a5.netsolhost.com/wp-content/uploads/2025/11/Group.png");width:34px;height:21px;background-position:center;background-size:cover;background-repeat:no-repeat;inset:0;margin:auto;}
.header-main .header-top-row .menu-toggle .elementor-widget-icon .elementor-icon svg{opacity:0;}

.header-main .menu-panel.open .elementskit-menu-hamburger.elementskit-menu-toggler{display:none;}
.header-main .menu-panel.open .close-toggle svg{fill:#fff;transform:rotate(90deg);cursor:pointer;}
.header-main .menu-panel.open .close-toggle .elementor-icon-wrapper{text-align:end;padding-right:30px;}

.header-main .header-top-row .head-btn .elementor-widget-heading{width:fit-content;}

footer#colophon {
    display: none;
}
/********banner ********/


.banner{padding:0 !important;}
.banner .banner-inner .banner-inner-col h2{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 75px;line-height: 90px;text-align: center;color: #151515;position:relative;}

.banner .banner-inner .banner-inner-col h5{font-family: 'Rubik';font-style: normal;font-weight: 400;font-size: 25px;line-height: 160%;color: rgba(0, 29, 42, 0.8);margin:36px 0 16px;}
.banner .banner-inner .banner-inner-col .elementor-widget-heading{margin:0;}



.banner .bnt-inr-round{width:100%;max-width:980px;margin:0 auto;margin-top:50px}
.banner .bnt-inr-round > .elementor-container.elementor-column-gap-default{justify-content:space-between;height:420px;align-items:flex-start}
.banner .bnt-inr-round .bnt-inr-round-col {width:100%;max-width:300px;}
.banner .bnt-inr-round .bnt-inr-round-col video{border-radius:50%;width:100%;max-width:300px !important;height:300px;}
.banner .bnt-inr-round .bnt-inr-round-col img{border-radius:50%;width:100%;max-width:300px !important;height:300px !important;}
.banner .bnt-inr-round .bnt-inr-round-col:nth-of-type(2){align-self:flex-end;}
.banner .banner-inner .banner-inner-col h2::after{position:absolute;content:"";width:50px;height:50px;border-radius:50%;background:#05788D;right:0;top:0;bottom:0;margin:auto;}
.banner .banner-inner .banner-inner-col h2::before{position:absolute;content:"";width:36px;height:36px;border-radius:50%;background:#7CB518;left:70px;top:0;bottom:0;margin:auto;}
.banner .bnt-inr-round .bnt-inr-round-col.scnd::after{position:absolute;top:-150px;width:110px;height:110px;border-radius:50%;background:#E1D523;content:"";right:70px;bottom:unset;}
.banner .bnt-inr-round .bnt-inr-round-col.first::before{position:absolute;content:"";width:50px;height:50px;background:#82BCC6;border-radius:50%;left:-130px;top:0;}
.banner .bnt-inr-round .bnt-inr-round-col.first::after{position:absolute;content:"";width:50px;height:50px;background:#05788D;border-radius:50%;right:20px;bottom:-100px;}
.banner .bnt-inr-round .bnt-inr-round-col.thirdd::after{content:"";position:absolute;width:87px;height:87px;background:#FB6107;border-radius:50%;right:-150px;top:-30px}
.banner .bnt-inr-round .bnt-inr-round-col.scnd::before{content:"";width:100px;position:absolute;height:100px;bottom:-40px;background:#82BCC6;border-radius:50%;right:-130px;}


.freelance-main .freelnce-innr .free-inner-right form select {background:unset;}
.freelance-main .freelnce-innr .free-inner-right form label span:has(select){position:relative;}
.freelance-main .freelnce-innr .free-inner-right form label span:has(select)::after{content:"\f0d7";position:absolute;font-family:'Font Awesome 5 Free';font-weight:700;right:17px;top:0;bottom:0;margin:auto;width:14px;height:14px;display:flex;justify-content:center;align-items:center;color:#555555;}
.elementor-element-b349b71, .elementor-element-3ffa42f , .entry-footer {display:none;}
.home-foot.copyrt{margin-bottom:0px}
.entry-content{margin:0 !important;}

.freelance-main .freelnce-innr .free-inner-right form p:has(input[type="submit"]) {margin: 0;}


.acc-ques .hover-main{max-height:0;opacity:0;transition:all ease 1.3s !important;}
.acc-ques:hover .hover-main{max-height:2000px;opacity:1;}


.splash-content {
 width: 100% !important; max-width: 100% !important;
}

/*@keyframes blink{*/
/*    0%, 25%{opacity:1;transform:scale(0.4)}*/
/*    26%, 50%{opacity:0.7;transform:scale(0.8)}*/
/*    51%,100%{opacity:0.3;transform:scale(1)}*/
/*}*/

@keyframes reverseblink{
        0%, 25%{opacity:0.3;}
        26%, 50%{opacity:0.7;}
    51%,100%{opacity:1;}
}

@keyframes blink{
    0%{opacity:0;transform:scale(0)}
    100%{opacity:1;transform:scale(1)}
}
.banner .banner-inner .banner-inner-col h2::before, .banner .banner-inner .banner-inner-col h2::after{animation-name:glowPulse;animation-iteration-count: 1;animation-duration:10s;animation-delay:5s;animation-timing-function:linear;}


/*@keyframes glowPulse {*/
/*  0% { opacity: 1; text-shadow: 0 0 5px #fff;transform:scale(0); }*/
/*  50% { opacity: 0.5; text-shadow: 0 0 15px #fff;transform:scale(0.5); }*/
/*  100% { opacity: 1; text-shadow: 0 0 5px #fff;transform:scale(1); }*/
/*}*/

@keyframes glowPulse {
  0%   { opacity: 1; text-shadow: 0 0 5px #fff; transform: scale(0); }
  50%  { opacity: 0.5; text-shadow: 0 0 15px #fff; transform: scale(0.5);}
  100% { opacity: 1; text-shadow: 0 0 5px #fff; transform: scale(1); }
}


.banner .bnt-inr-round .bnt-inr-round-col::after, .banner .bnt-inr-round .bnt-inr-round-col::before{animation-name:glowPulse;animation-iteration-count: 1;animation-duration:8s;animation-delay:5s;animation-timing-function:linear}




/*******slider section*********/



.slick-slider.slick-initialized {
    overflow: hidden;
}

.custom-cursor {
    display: none;
}



.elementor-element-457f74f{background:#000;padding:0 0 80px;}
.elementor-element-457f74f > .elementor-container.elementor-column-gap-default{padding-top:80px;border-top:1px solid #FFFFFF0d}
.elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number{font-family: 'Bebas Neue';font-style: normal;font-weight: 400;font-size: 105px;line-height: 160%;color: #FFFFFF;}
.elementor-element-457f74f .elementor-counter-number-wrapper {justify-content:center}
.elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number-suffix{
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-size: 105px;
line-height: 160%;
background: linear-gradient(180deg, #808080 0%, #1A1A1A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;flex-grow:unset !important

}

.elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number-prefix{display:none}

.elementor-element-457f74f .elementor-counter .elementor-counter-title{justify-content:center;

font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: #FFFFFF;

}

.recent-second{display:none}

.team-main .team-inner-sec .team-inner-col{position:relative;}
.team-main .team-inner-sec .team-inner-col .linkedin_hover{position:absolute;top:240px;right:20px;width:fit-content;opacity:0;transition:all ease 5s;}
.team-main .team-inner-sec .team-inner-col .linkedin_hover .elementor-grid-item a{background:#FB6107;width:48px;height:48px;}

.team-main .team-inner-sec .team-inner-col:hover .linkedin_hover{opacity:1;} 
.team-main{overflow:hidden;}


#hanzo-splash-screen .splash-text{width:100%;max-width:1440px !important;margin:0 auto !important;justify-content:start !important;padding: 0 80px !important;}

.elementor-element-457f74f  .elementor-column{width:fit-content;}
.elementor-element-457f74f > .elementor-container.elementor-column-gap-default{justify-content:space-between;}

.elementor-element-457f74f > .elementor-container.elementor-column-gap-default{position:relative;border:0;}
.elementor-element-457f74f > .elementor-container.elementor-column-gap-default::after{position:absolute;content:"";width:100%;max-width:1280px;background:#ffffff0d;top:0;height:2px;margin:0 auto;}


/****december 1, 2025****/

.team-main .team-inner-sec .team-inner-col .linkedin_hover{display:none;}
.header-main.sticky {position:fixed;top:0;width:100%;z-index:999;background:#ffffff03;box-shadow:1px 2px 10px #00000099;}
.header-main {position: relative;}
.servic-main, .mian-slider , .team-main, .simply-vid-sec, .home-foot{scroll-margin-top: 120px;}
/**19dec**/
.ekit-template-content-footer {position: sticky; bottom:0px ;z-index: 0;width:100%;height:100dvh;}
article{z-index: 1;position: relative;background: #fff;width:100%}
.header-main {z-index: 2;background: #fff;width:100%}
.team-main {display:none}
.header-main .header-top-row .logo-header a,
.header-main .header-top-row .head-btn .elementor-widget-heading a {transition: all ease 0.5s;}







.home-foot {overflow:hidden;}
.position-here-inner .elementor-widget-video {width: 180px;height: 180px;right:0;
  margin:0 auto;transform-origin: center;opacity: 0;animation: fromCenterFly 8s ease-in-out infinite; }
 .position-here {background: transparent;position: absolute;left: 0;right: 0;opacity: 0.7;
    top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;}
.position-here-inner .video-1,
.position-here-inner .video-3,
.position-here-inner .video-2,
.position-here-inner .video-4,
.position-here-inner .video-5,
.position-here-inner .video-6 {
  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -10%) scale(0);animation: fromCenterFly 15s linear infinite; }
  
.position-here-inner .video-3{animation-delay:5s;}
.position-here-inner .video-2{animation-delay:3s;}
.position-here-inner .video-4{animation-delay:7s;}
.position-here-inner .video-5{animation-delay:9s;}
.position-here-inner .video-6{animation-delay:11s;}
.position-here-inner .video-1 { animation-delay: 0s; --tx: -400px; --ty: -100px; --scaleEnd: 1.5; }
.position-here-inner .video-2 { animation-delay: 2s; --tx: -480px; --ty: 120px; --scaleEnd: 1.7; }
.position-here-inner .video-3 { animation-delay: 4s; --tx: 400px; --ty: -150px; --scaleEnd: 1.55; }
.position-here-inner .video-4 { animation-delay: 6s; --tx: -500px; --ty: -120px; --scaleEnd: 1.15; }
.position-here-inner .video-5 { animation-delay: 8s; --tx: 480px; --ty: 80px; --scaleEnd: 1.25; }
.position-here-inner .video-6 { animation-delay: 10s; --tx: -450px; --ty: 130px; --scaleEnd: 1.2; }
@keyframes fromCenterFly {
  0% {
    opacity: 0;
    transform: translate(-120%, -0%) scale(0) translate3d(0,0,0);
  }
  10% {
    opacity: 0.3;
  }
  30% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(calc(var(--scaleEnd)*0.5)) translate3d(calc(var(--tx)*0.3), calc(var(--ty)*0.3), 0);
  }
  60% {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(calc(var(--scaleEnd)*0.8)) translate3d(calc(var(--tx)*0.6), calc(var(--ty)*0.6), 0);
  }
  90% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(var(--scaleEnd)) translate3d(var(--tx), var(--ty), 0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(calc(var(--scaleEnd)*1.3)) translate3d(var(--tx), var(--ty), 0);
  }
}
.home-foot .foot-home-col > div {position: relative;}
.home-foot .foot-home-col .foot-locates,
.elementor-570 .elementor-element.elementor-element-26d3344,
.home-foot .foot-home-col .elementor-widget-heading:has(h3) ,
.home-foot .foot-home-col .foot-locates,
.home-foot .foot-home-col > div,
.home-foot .elementor-widget.elementor-widget-social-icons {z-index: 1;}
.popup-overlay {
  display: none;position: fixed;top: 0;
  left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9999;}
#customPopup .popup-content{overflow-y:auto;height: auto;}
#customPopup .wpcf7-spinner {
  position: absolute;left: 0;right: 0;margin: 0 auto;
margin-top: 17px;}


.popup-content {
  background: #fff;max-width: 500px;margin: 10% auto;padding: 30px;position: relative;border-radius: 8px;}
.popup-close {
  position: absolute;top: 10px;right: 15px;font-size: 22px;cursor: pointer;}
#customPopup.popup-overlay {
  position: fixed;top: 0;left: 0;width: 100%;
  height: 100%;background: rgb(255 255 255 / 9%);z-index: 9999;backdrop-filter: blur(7px);}
#customPopup .popup-content {
  background: #000;padding: 40px 30px;max-width: 600px;width: 90%;border-radius: 12px;position: relative;color: #fff;}
#customPopup .popup-close {
  position: absolute;top: 15px;right: 15px;color: #fff;background: #ff6200;border-radius: 50%;width: 30px;
  height: 30px;line-height: 30px;text-align: center;cursor: pointer;font-weight: bold;font-size: 18px;}
#customPopup h2 {
  font-size: 28px;margin-bottom: 10px;font-weight: 400;font-family: 'Bebas Neue';text-align: center;}
#customPopup p {
  font-size: 16px;margin-bottom: 20px;color: #ccc;text-align: center;font-family: 'Rubik';}
#customPopup .name-row,
#customPopup .email-row,
#customPopup .location-row,
#customPopup .file-select {
  display: flex;gap: 20px;margin-bottom: 15px;flex-wrap: wrap;}
#customPopup label {
  flex: auto;display: flex;flex-direction: column;font-size: 13px;color: #fff;margin-bottom: 0;}
#customPopup input,
#customPopup select {
  margin-top: 5px;padding: 10px 12px;border-radius: 31px;border: 0;background: #ffffff;
  color: #000000;outline: none;font-size: 15px;font-family: 'Rubik';width: 100%;}
#customPopup input::placeholder,
#customPopup select::placeholder {color: #777;}
#customPopup input[type="submit"] {
  background: #ff6200;color: #fff;border: none;padding: 12px 20px;border-radius: 8px;cursor: pointer;font-size: 14px;transition: background 0.3s;}
#customPopup input[type="submit"]:hover {background: #ff8533;}
#customPopup .name-row p, #customPopup .email-row  p, #customPopup .location-row p, #customPopup .file-select p
 {display: flex;gap: 10px;text-align: left;margin-bottom: 4px;}

#customPopup textarea {height: 100px !important;}

#customPopup .file-select {width: 100%;}

#customPopup .file-select label,#customPopup .file-select p {width: 100%;}
#customPopup .file-select + p {text-align: left;}

#customPopup .popup-content {height: 550px;overflow-y: auto;margin-bottom:100px !important;z-index: 9999999999 !important;}
#customPopup .popup-content::-webkit-scrollbar {width: 6px; }
#customPopup .popup-content::-webkit-scrollbar-thumb {background-color: #ff6200;border-radius: 3px;}
#customPopup .wpcf7-spinner {
  position: absolute;left: 0;right: 0;margin: 0 auto;margin-top: 17px;}
#customPopup input[type="submit"] {width: auto;}
#customPopup .file-select + p {text-align: center;}
#customPopup .file-select + p label {text-align: center;align-items: flex-start;}
#customPopup .file-select + p label span {width: 100%;}
/****** responsive *********/
@media screen and (max-width:1300px){
.servic-main .servc-colmn .elementor-widget-heading h2{font-size:100px;}
    /*.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main .lists{float:right}*/
    /*.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques:hover .hover-main{display:flow-root !important;}*/
    .servic-main .servc-colmn .servc-innr-sec{margin-top:80px}
    .servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3{font-size:60px;}
    .team-main .elementor-widget-heading h2{font-size:100px;}
    .freelance-main .elementor-widget-heading h2{font-size:100px;}
    .home-foot .foot-home-col .elementor-widget-heading h2{font-size:150px;}
    .home-foot .foot-home-col{padding-top:150px;}
    .home-foot .foot-home-col .foot-locates{margin:80px 0 0;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col h4{font-size:18px;}
    .elementor-section.elementor-section-boxed > .elementor-container{padding:0 60px;}
    .freelance-main {padding:200px 0 100px !important }
    .banner .bnt-inr-round .bnt-inr-round-col.thirdd::after{right:-100px;}
    .banner .bnt-inr-round .bnt-inr-round-col.first::before{left:-100px;}
    .mian-slider-inner  .mian-slider-inner-col  .mian-slider-inner-col-head h2{font-size:100px !important;}
    .elementor-element-457f74f > .elementor-container.elementor-column-gap-default::after{max-width:calc(100% - 40px);}
	.ekit-template-content-footer {height:100dvh;}
}

@media screen and (max-width:1199px){
     .elementor-section.elementor-section-boxed > .elementor-container{padding:0 40px;}
    .banner .banner-inner .banner-inner-col h2{font-size:60px;line-height:85px;}
    .banner .banner-inner .banner-inner-col h5{font-size:24px;line-height:normal;}
    .banner .banner-inner .banner-inner-col h5 br{display:none}
    .simply-vid-sec {padding:80px 0 !important;}
    .servic-main{padding:80px 0;margin:0 0 80px;}
    .team-main {padding:80px 0 0 !important}
    .team-main.team-scnd{padding:0 0 80px !important;}
    .freelance-main {padding:150px 0 80px !important;}
    .home-foot .foot-home-col .elementor-widget-heading h2{font-size:130px;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(2){padding-inline:80px;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col h4 span{padding-left:20px;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(3){padding-left:75px}
    .home-foot .foot-home-col .foot-locates .foot-locate-col h4 span::after{left:5px;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col h5{font-size:14px;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col h4{font-size:16px;}
    .home-foot .foot-home-col .foot-locates{margin:70px 0 0;}
    .freelance-main .freelnce-innr .free-inner-left, .freelance-main .freelnce-innr .free-inner-right{max-width:48%;}
        #hanzo-splash-screen .static-text, #hanzo-splash-screen .slide-text li p{font-size:55px;}
    .servic-main .servc-colmn .elementor-widget-heading h2{font-size:80px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3{font-size:50px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques{margin:0 0 40px}
.team-main .elementor-widget-heading h2{font-size:80px;}
.home-foot .foot-home-col{padding-top:130px;}
    .mian-slider .slick-track{gap:25px !important;margin-left:0 !important;}
    
        .banner .bnt-inr-round .bnt-inr-round-col.thirdd::after{right:-40px;width:75px;height:75px}
    .banner .bnt-inr-round .bnt-inr-round-col.first::before{left:-40px;width:45px;height:45px}
    .banner .banner-inner .banner-inner-col h2{line-height:1.2;}
    .banner{padding-top:30px !important;}
    .banner .bnt-inr-round .bnt-inr-round-col.scnd::after{width:95px;height:95px;}
    
    .mian-slider-inner  .mian-slider-inner-col  .mian-slider-inner-col-head h2{font-size:80px !important;line-height:95% !important;}
      .elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number, .elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size:80px;}
.product-item.slick-slide {gap:23px;}

#hanzo-splash-screen .splash-text{padding:0 60px !important}
    
}

@media screen and (max-width:1024px){
     .elementor-section.elementor-section-boxed > .elementor-container{padding:0 30px;}
    .servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques .hover-main .all-cont{display:block;width:100%;margin-bottom:30px;}
    .servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main .lists{float:none;width:100% !important;justify-content:flex-start;padding:0 30px}
    .team-main .team-inner-sec > .elementor-container.elementor-column-gap-default{justify-content:center;gap:40px;}
    .team-main.team-scnd .team-inner-sec > .elementor-container.elementor-column-gap-default{gap:40px;}
    .freelance-main .elementor-widget-heading h2{font-size:75px;line-height:normal;}
      .simply-vid-sec {padding:65px 0 !important;}
    .servic-main{padding:65px 0;margin:0 0 65px;}
    .team-main {padding:65px 0 0 !important}
    .team-main.team-scnd{padding:0 0 65px !important;}
    .freelance-main {padding:100px 0 65px !important;}
    .home-foot .foot-home-col .elementor-widget-heading h2{font-size:100px;}
    .freelance-main .freelnce-innr > .elementor-container.elementor-column-gap-default{flex-direction:column;gap:30px;}
    .freelance-main .freelnce-innr .free-inner-left img{height:100% !important;object-fit:cover;object-position:top center;max-width:100% !important}
    .freelance-main .freelnce-innr .free-inner-left, .freelance-main .freelnce-innr .free-inner-right{max-width:100%;}
    .freelance-main .freelnce-innr .free-inner-right form .name-row p label, .freelance-main .freelnce-innr .free-inner-right form .email-row p label, .freelance-main .freelnce-innr .free-inner-right form .location-row p label{width:49%;}
    .freelance-main .freelnce-innr .free-inner-right form .file-select{width:49%;}
    .home-foot .foot-home-col .foot-locates > .elementor-container.elementor-column-gap-default{flex-direction:column;align-items:center;gap:30px}
    .home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(2), .home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(3){padding:0;}
    .home-foot .foot-home-col .foot-locates .foot-locate-col{max-width:100%;text-align:center}
    .home-foot .foot-home-col .foot-locates .foot-locate-col:nth-child(2){max-width:100%;text-align:center;}
    
    .elementskit-menu-container.elementskit-menu-offcanvas-elements{max-width:unset !important;position:unset !important;background:unset !important;}
.header-main .menu-panel.open ul#menu-main-menu li a{font-size:55px;line-height:40px !important;}
.menu-panel > .elementor-container.elementor-column-gap-default{max-width:100% !important}
.header-main .menu-panel.open{max-width:1024px !important;}
    
       .elementskit-nav-identity-panel{display:none !important;}
    .header-main .menu-panel.open ul#menu-main-menu li a::after{font-size:20px;}
.header-main .menu-panel.open{overflow-y:scroll;box-sizing: border-box;}
   .header-main .menu-panel.open > .elementor-container{padding:0 !important}
.header-main .menu-panel.open ul#menu-main-menu{padding-right:50px;}
    /*.banner{display:none;}*/
.team-main .elementor-widget-heading h2{font-size:60px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main .lists{gap:50px;}
.home-foot .foot-home-col{padding-top:100px;} 
.servic-main .servc-colmn .elementor-widget-heading h2{font-size:60px;}
.servic-main .servc-colmn .servc-innr-sec{margin:60px 0 0;}
.home-foot .foot-home-col .foot-locates{margin:55px 0 0;}
.recent-second .elementor-top-column{padding:60px 0 0;}
.recent-second .rcnt-innr-row .recnt-inr-col h2 span.num{font-size:80px;}
.header-main .menu-panel.open ul#menu-main-menu{padding:0;display:flex;flex-direction:column;gap:0px;}
.header-main .menu-panel.open ul#menu-main-menu li{width:100% !important;}
.banner .bnt-inr-round > .elementor-container.elementor-column-gap-default{flex-wrap:nowrap;}
.banner .banner-inner .banner-inner-col h2{font-size:50px;}
.banner .bnt-inr-round .bnt-inr-round-col video{height:270px;max-width:270px !important;}
.banner .banner-inner .banner-inner-col h5{margin:20px 0 16px;font-size:20px;}
    .banner .bnt-inr-round .bnt-inr-round-col{max-width:270px;}
    .banner .bnt-inr-round .bnt-inr-round-col img{height:270px !important;max-width:270px !important}
.banner .bnt-inr-round .bnt-inr-round-col.first::before{left:-10px;top:-20px;}
.banner .bnt-inr-round .bnt-inr-round-col.thirdd::after{width:60px;height:60px;right:0;top:-40px;}
.banner .banner-inner .banner-inner-col h2::before{left:30px}
.mian-slider-inner  .mian-slider-inner-col  .mian-slider-inner-col-head h2{font-size:60px !important;}
.mian-slider-inner-col-code  .slick-drag-helper.slick-slide {display: none !important;}
.elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number,
.elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size:60px;}
#hanzo-splash-screen .splash-text{padding:0 45px !important;}
.home-foot .foot-home-col .foot-locates .foot-locate-col:nth-of-type(2){border-inline:unset !important;}
}

@media screen and (max-width:768px){
#hanzo-splash-screen .static-text, #hanzo-splash-screen .slide-text li p{font-size:40px;}
.elementor-section.elementor-section-boxed > .elementor-container{padding:0 15px;}
.header-main .menu-panel.open ul#menu-main-menu li a{font-size:40px;}
.header-main .menu-panel.open ul#menu-main-menu{gap:0;}
.header-main .header-top-row .logo-header{max-width:200px;}
.simply-vid-sec .elementor-widget-video .e-hosted-video.elementor-wrapper.elementor-open-inline{height:auto;}
.simply-vid-sec .elementor-widget-video .e-hosted-video.elementor-wrapper.elementor-open-inline video{height:auto;}
.simply-vid-sec .elementor-widget-text-editor p{font-size:20px;}
.simply-vid-sec .elementor-widget-heading h2{font-size:32px;line-height:normal;}
.freelance-main .elementor-widget-heading h2{font-size:60px; line-height:1;margin:0 0 20px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3{font-size:40px;}
.freelance-main .freelnce-innr .free-inner-right form .file-select{width:100%;}
.home-foot .foot-home-col .elementor-widget-heading h2{font-size:75px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3::after{height:40px !important;width:40px !important;right:20px !important;}
.servic-main .servc-colmn .servc-innr-sec{margin:40px 0 0;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques .hover-main .all-cont p{font-size:16px;line-height:130%;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main .lists{flex-direction:column;gap:20px;}
.servic-main .servc-colmn .servc-innr-sec .serv-accordion .hover-main ul{gap:20px;}
.team-main .elementor-widget-heading h2{font-size:50px;line-height:44px;}
.team-main .elementor-widget-text-editor p{font-size:16px;line-height:130%;}
.team-main.team-scnd .team-inner-sec > .elementor-container.elementor-column-gap-default{gap:30px;}
.freelance-main .elementor-widget-text-editor p{font-size:16px;line-height:normal;margin:0 0 20px;}
.freelance-main{padding:80px 0 50px !important;}
.simply-vid-sec{padding:50px 0 !important;}
.servic-main .servc-colmn .elementor-widget-heading h2{font-size:50px;}
.servic-main{padding:50px 0;margin:0 0 50px;}
.home-foot .foot-home-col{padding-top:80px;padding-inline:15px !important;}
.recent-second .rcnt-innr-row .recnt-inr-col h2 span.num{font-size:60px;}
#hanzo-splash-screen .static-text{display:none !important;}
.banner .bnt-inr-round > .elementor-container.elementor-column-gap-default{flex-direction:column;height:unset;gap:30px}
.banner .bnt-inr-round .bnt-inr-round-col{max-width:100%;}
.banner .bnt-inr-round .bnt-inr-round-col video{width:100%;max-width:100% !important;border-radius:10px;height:auto !important;}
.banner .bnt-inr-round .bnt-inr-round-col img{width:100%;max-width:100% !important;border-radius:10px;height:auto !important;}
.banner .banner-inner .banner-inner-col h2{font-size:40px;line-height:1}
.banner .banner-inner .banner-inner-col h2 br{display:none}
.mian-slider-inner  .mian-slider-inner-col  .mian-slider-inner-col-head h2{font-size:50px !important;}
.mian-slider-inner  .mian-slider-inner-col  .mian-slider-inner-col-para p{font-size:16px !important;line-height:1.2;}
#hanzo-splash-screen .slide-text li p{text-align:center !important;}
#hanzo-splash-screen .splash-content {width:calc(100% - 40px) !important;}
#hanzo-splash-screen .slide-text-wrapper{width:100% !important}

 .elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number,
 .elementor-element-457f74f .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size:45px;}
 .elementor-element-457f74f .elementor-column{width:49%;}
 #hanzo-splash-screen .splash-text{padding:0 30px !important;}
.header-main .menu-panel.open ul#menu-main-menu li{padding-bottom:0 !important;}
.servic-main, .mian-slider , .team-main, .simply-vid-sec, .home-foot {scroll-margin-top: 105px;}
.freelance-main .freelnce-innr .free-inner-left video{height:auto;} 
.banner .bnt-inr-round > .elementor-container.elementor-column-gap-default {flex-direction: unset;height: auto;align-items: unset;}
.banner .bnt-inr-round .bnt-inr-round-col {max-width: unset;}
.banner .bnt-inr-round .bnt-inr-round-col video,
.banner .bnt-inr-round .bnt-inr-round-col img {
    height: 30vw !important;width: 30vw;max-width: 30vw ;object-fit: cover;border-radius: 100%;}
.banner .bnt-inr-round .bnt-inr-round-col:nth-of-type(2) {align-self: unset;}
.banner .bnt-inr-round .bnt-inr-round-col .elementor-widget-video .e-hosted-video,
.banner .bnt-inr-round .bnt-inr-round-col .elementor-widget-video {height: 100%;width: 100%;}
.banner .bnt-inr-round .bnt-inr-round-col:nth-of-type(1) {top:10px;}
.banner .bnt-inr-round .bnt-inr-round-col:nth-of-type(2) {top:100px;}
.banner .bnt-inr-round .bnt-inr-round-col:nth-of-type(3) {top:0px;}
.banner {padding-bottom: 105px !important;}
.banner .banner-inner .banner-inner-col h2::after{width:30px;height:30px;}
.banner .banner-inner .banner-inner-col h2::before{width:20px;height:20px;}
.banner .bnt-inr-round .bnt-inr-round-col.thirdd::after{width:30px;height:30px;}
.banner .bnt-inr-round .bnt-inr-round-col.first::before{width:20px;height:20px;} 
.banner .bnt-inr-round .bnt-inr-round-col.first::after {width:30px;height:30px;}
.banner .bnt-inr-round .bnt-inr-round-col.scnd::before{width:50px;height:50px;right:calc(-100% + 0px);} 
.banner .bnt-inr-round .bnt-inr-round-col.scnd::after{width:60px;height:60px;}

.banner .banner-inner .banner-inner-col h2::after,
.banner .banner-inner .banner-inner-col h2::before,
.banner .bnt-inr-round .bnt-inr-round-col.thirdd::after,
.banner .bnt-inr-round .bnt-inr-round-col.thirdd::before,
.banner .bnt-inr-round .bnt-inr-round-col.first::before,
.banner .bnt-inr-round .bnt-inr-round-col.first::after ,
.banner .bnt-inr-round .bnt-inr-round-col.scnd::before,
.banner .bnt-inr-round .bnt-inr-round-col.scnd::after{display:block;z-index:-1;}
.banner .banner-inner .banner-inner-col h2 {padding-top: 40px;}
	.banner .bnt-inr-round .bnt-inr-round-col.scnd::after {right: 50px;}
}

@media screen and (max-width:599px){
        #hanzo-splash-screen .static-text, #hanzo-splash-screen .slide-text li p{font-weight:500;}
        
        .header-main .header-top-row .logo-header{max-width:150px;}
.header-main .header-top-row .head-btn .elementor-widget-heading a{padding:10px 60px 10px 17px;}
.header-main .header-top-row .head-btn .elementor-widget-heading a::after{right:3px;}
.header-main .header-top-row .head-btn{max-width:40%;}
.header-main .header-top-row .head-btn > .elementor-widget-wrap.elementor-element-populated{justify-content:end;}
.header-main .header-top-row .head-btn{margin-right:10px;}
.team-main .team-inner-sec .team-inner-col{max-width:100%;}
.team-main .team-inner-sec .team-inner-col .elementor-image-box-wrapper figure img{height:auto !important;width:100% !important;max-width:100% !important;}
    .simply-vid-sec .elementor-widget-heading h2{font-size:26px;}
    .simply-vid-sec .elementor-widget-text-editor p{font-size:16px;}
    .servic-main .servc-colmn .servc-innr-sec .serv-accordion .acc-ques h3{font-size:30px;padding-bottom:20px;}
    .team-main.team-scnd .team-inner-sec > .elementor-container.elementor-column-gap-default{gap:20px;}
    .freelance-main .elementor-widget-heading h2{font-size:40px;}
    .freelance-main .freelnce-innr .free-inner-right form .name-row p, .freelance-main .freelnce-innr .free-inner-right form .email-row p, .freelance-main .freelnce-innr .free-inner-right form .location-row p{flex-direction:column;align-items:start;gap:20px;}
    .freelance-main .freelnce-innr .free-inner-right form .name-row p label, .freelance-main .freelnce-innr .free-inner-right form .email-row p label, .freelance-main .freelnce-innr .free-inner-right form .location-row p label{width:100%;}
    .team-main .team-inner-sec .team-inner-col:hover{transform:unset;}
    .header-main .header-top-row .head-btn .elementor-widget-heading a{font-size:14px;padding:10px 50px 10px 16px;}
    .header-main .header-top-row .head-btn .elementor-widget-heading a::after{width:30px;height:30px;right:4px;}
    .header-main .header-top-row .head-btn{max-width: 45%;}
       .recent-second .rcnt-innr-row .recnt-inr-col{width:100%;max-width:48%;}
    .recent-second .rcnt-innr-row .recnt-inr-col h2 span.num{font-size:50px;line-height:1 !important}
    .recent-second .rcnt-innr-row .recnt-inr-col h2{line-height:normal !important;gap:0;}
    .recent-second .rcnt-innr-row .recnt-inr-col h2 span:last-child{text-align:center;font-size:16px;}
        .team-main .team-inner-sec .team-inner-col .linkedin_hover{top:unset;bottom:120px;width:40px;height:40px}
.product-item.slick-slide{gap:14px;flex-direction: column;}
.product-item.slick-slide {gap:20px;}
.product-item.slick-slide > div{width:100% !important;}
  .elementor-element-457f74f .elementor-column{width:100%;}
  #hanzo-splash-screen .splash-text{padding:0 15px !important;}
   .header-main .menu-panel.open ul#menu-main-menu li a{font-size:30px;}
.servic-main, .mian-slider , .team-main, .simply-vid-sec, .home-foot   {scroll-margin-top: 80px;}
.position-here-inner .elementor-widget-video {width: 120px;height: 120px;}
.position-here-inner .video-1 { animation-delay: 0s; --tx: -200px; --ty: -100px; --scaleEnd: 1.2; }
.position-here-inner .video-2 { animation-delay: 3s; --tx: -280px; --ty: 120px; --scaleEnd: 1.2; }
.position-here-inner .video-3 { animation-delay: 6s; --tx: 200px; --ty: -150px; --scaleEnd: 1.2; }
.position-here-inner .video-4 { animation-delay: 9s; --tx: -300px; --ty: -120px; --scaleEnd: 1.2; }
.position-here-inner .video-5 { animation-delay: 12s; --tx: 280px; --ty: 80px; --scaleEnd: 1.1; }
.position-here-inner .video-6 { animation-delay: 15s; --tx: -250px; --ty: 130px; --scaleEnd: 1.2; }
.product-item.slick-slide {height: auto;}
.product-item.slick-slide > div {height: 100%;}
.mian-slider-inner-col-code .product-item img { height: 100% !important;object-fit: cover;}
#customPopup .name-row p, #customPopup .email-row p,
#customPopup .location-row p, #customPopup .file-select p {flex-direction: column;width:100%;}
#customPopup br{display:none;}
#customPopup input[type="submit"] {margin-top:15px;}
	#customPopup .popup-content {top: 80px;}
}
@media(max-width:480px){
.banner .bnt-inr-round .bnt-inr-round-col video,
.banner .bnt-inr-round .bnt-inr-round-col img {
    height: 100px !important;width: 100px;max-width: 100px !important;margin:0 auto} 
.banner .bnt-inr-round > .elementor-container.elementor-column-gap-default {gap: 10px;}
}

@media screen and (max-width:420px){
    .header-main .header-top-row .head-btn{max-width:52%}
    .header-main .header-top-row .head-btn .elementor-widget-heading a::after{width:24px;height:24px}
    .header-main .header-top-row .logo-header{max-width:100px;}
    .header-main .header-top-row .menu-toggle{max-width:40px;}
}