.hero-sec{padding:30px 0;padding-bottom:40px;position:relative}.hero-sec h1{line-height:1}.hero-sec .mobile-main-wrapper{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;max-width:467px;display:flex;justify-content:center;z-index:1;transform:translateX(-120px)}.hero-sec .mobile-main-wrapper::before{content:"";position:absolute;left:50%;top:40%;transform:translate(-50%,-40%);background:url(/wp-content/themes/proctor-theme/assets/img/hero-bg.webp) center/contain no-repeat;width:390px;height:296px;z-index:0}.hero-sec .mobile-main-wrapper .mobile-wrapper{position:relative;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.hero-sec .mobile-main-wrapper .mobile-wrapper .m-time{position:absolute;top:23px;left:26px;z-index:4;font-size:10px}.hero-sec .mobile-main-wrapper .mobile-wrapper .avatar{position:absolute;top:40px;left:48px;z-index:4;width:23px;height:23px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-sec .mobile-main-wrapper .mobile-wrapper .name{position:absolute;top:40px;left:79px;z-index:4;font-size:10px;font-weight:700}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-main-wrapper{position:absolute;z-index:2;min-height:calc(100% - 140px);left:20px;right:20px;bottom:60px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-sec .mobile-main-wrapper .mobile-wrapper .date{border-radius:4px;background-color:#fff;padding:2px 6px;font-size:9px;font-weight:700;margin:0 auto 10px;display:block;max-width:-moz-fit-content;max-width:fit-content}.hero-sec .mobile-main-wrapper .mobile-wrapper .encryption-text{background-color:#ffefd5;border-radius:4px;padding:4px 6px;font-size:8px;margin:0 auto 12px;max-width:86%;text-align:center}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper{display:flex;flex-direction:column;gap:12px}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .me-wrapper,.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .sender-wrapper{display:flex;flex-direction:column;gap:3px}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .me-wrapper{align-items:end}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .sender-wrapper{align-items:start}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg{border-radius:6px;padding:4px 6px;position:relative;box-shadow:0 2px 2px rgb(0 0 0 / .05);line-height:1.1;max-width:90%;animation:0.5s forwards normal ease msganim;transform:translateY(10px);opacity:0;display:flex;flex-wrap:wrap;align-items:flex-end}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg .text{font-size:12px;flex:1 1 auto}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg .msg-meta{margin-left:auto;font-size:8px;line-height:1}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg .time{font-size:8px;color:#bbb;text-wrap:nowrap;margin-left:auto;line-height:1}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg.me{background-color:#dcf7c5}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-wrapper .msg.sender{background-color:#fafafa}.hero-sec .mobile-main-wrapper .mobile-wrapper .whatsapp-bg{position:absolute;z-index:1;right:10px;left:10px;top:30px}.hero-sec .mobile-main-wrapper .mobile-wrapper .mobile-skeleton{position:relative;z-index:3}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble{background-color:#fafafa;border-radius:6px;padding:4px 8px;border-radius:20px;border-bottom-left-radius:2px;max-width:-moz-fit-content;max-width:fit-content;display:none;opacity:0;transition:0.5s;transform:translateY(10px)}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble.sender-waiting{display:block;transform:translateY(0);opacity:1}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing{display:flex;align-items:center;height:17px}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing .dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#c3c3c3;border-radius:50%;height:5px;width:5px;margin-right:3px;vertical-align:middle;display:inline-block}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing .dot:nth-child(1){animation-delay:200ms}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing .dot:nth-child(2){animation-delay:300ms}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing .dot:nth-child(3){animation-delay:400ms}.hero-sec .mobile-main-wrapper .mobile-wrapper .chat-bubble .typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:#c3c3c3}28%{transform:translateY(-7px);background-color:#dbdbdb}44%{transform:translateY(0);background-color:#efefef}}@keyframes msganim{to{transform:translateY(0);opacity:1}}.hero-sec .buttons{display:flex;align-items:end;flex-direction:column;gap:16px}.hero-sec .buttons .secondary-btn{border:none;background-color:#fff;padding:6px;box-shadow:0 0 12px 0 rgb(0 0 0 / .1333333333);font-size:15px;gap:6px}.hero-sec .right-wrapper{position:absolute;top:50%;transform:translateY(-50%);left:calc(50% + 370px);z-index:1;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-evenly}.hero-sec .right-wrapper .card{border-radius:12px;padding:12px;background-color:#fff;border:2px solid #000;width:-moz-fit-content;width:fit-content;width:100%;max-width:309px}.hero-sec .right-wrapper .content ul li{padding-left:32px;font-weight:400;font-family:"Inter",sans-serif;position:relative;margin-bottom:16px}.hero-sec .right-wrapper .content ul li::before{content:"";position:absolute;background:url(/wp-content/themes/proctor-theme/assets/img/icon/home-hero-check-icon1.webp) center/contain no-repeat;width:20px;height:20px;left:0;top:0}.hero-sec .hero-wrapper{max-width:1240px;width:100%;margin:0 auto;position:relative}.hero-sec .list-with-icon{font-size:clamp(14px, 2vw, 16px)}.hero-sec .list-with-icon.s3{font-size:clamp(9px, 2vw, 16px)}@media (max-width:1400px){.hero-sec .content-wrapper{padding:0}}@media (max-width:1340px){.hero-sec .right-wrapper{left:calc(50% + 360px)}.hero-sec .right-wrapper .buttons .secondary-btn{font-size:14px}}@media (max-width:1200px){.hero-sec .mobile-main-wrapper{transform:translateX(0);margin:0 auto}.hero-sec .right-wrapper{margin-top:30px;position:static;top:0;transform:unset;flex-direction:row;align-items:center;justify-content:unset;gap:30px;flex-wrap:wrap}.hero-sec .right-wrapper .buttons{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero-sec{padding:20px 0}.hero-sec .right-wrapper{justify-content:center;gap:20px;margin-top:20px}.hero-sec .right-wrapper .buttons{gap:12px}.hero-sec .right-wrapper .buttons .secondary-btn{font-size:12px!important;font-weight:500}}@media (max-width:576px){.hero-sec .content-wrapper .sec-badge{margin:0 auto;margin-bottom:14px}.hero-sec .mobile-main-wrapper::before{width:350px;left:50%;transform:translate(-50%,-40%)}}