p { margin: 0; } body { margin: 0px !important; padding: 0px !important; } /* Responsive Mobile List Styles */ @media (max-width: 767px) { .e-con-inner li { text-align: start !important; color: var(--e-global-color-text) !important; font-family: "Montserrat", Sans-serif !important; font-size: 16px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.4em !important; } } /*End----------------------------------------------*/ /* Fix ONLY for absolute positioned SVGs */ svg[style*="position: absolute"] { overflow: visible !important; pointer-events: none !important; } .e-con.e-atomic-element { overflow: visible !important; } .float-circle-2 { overflow: visible !important; } .elementor-absolute { overflow: visible !important; } /*End----------------------------------------------*/ /* Custom Mega Menu - Active & Hover State Styles */ .custom-mega-menu .e--selected .e-paragraph-base, .custom-mega-menu .e-tab-base:hover .e-paragraph-base { color: #00B2F0 !important; } .custom-mega-menu .e--selected .elementor-icon-wrapper .elementor-icon svg, .custom-mega-menu .e-tab-base:hover .elementor-icon-wrapper .elementor-icon svg { fill: #00B2F0 !important; } /*End----------------------------------------------*/ /* Header Button Styles */ .btn-header .elementor-button-icon svg { height: 16px !important; width: 19px !important; } /*End----------------------------------------------*/ /* Header Custom Scrollbar Styles */ body::-webkit-scrollbar { width: 6px; height: 6px; margin: 0px !important; padding: 0px !important; } body::-webkit-scrollbar-track { background: #DEF4FF; border-radius: 40px; } body::-webkit-scrollbar-thumb { background: #00B2F0; border-radius: 40px; border: 1px solid #00B2F0;; transition: background 0.3s ease-in-out; } @supports scrollbar-color: auto { body { scrollbar-width: thin; scrollbar-color: #00B2F0 #DEF4FF; } } /*End----------------------------------------------*/ /* Colorful Accordion Title Styles */ .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title-text::before { content: ""; display: inline-block; width: 40px; height: 40px; margin-right: 12px; flex-shrink: 0; vertical-align: middle; background-size: 40px 40px; background-position: center; background-repeat: no-repeat; } /* ---- 1. Managed IT ---- */ .my-colorful-accordion .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title-text::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39.4653' height='39.4653' rx='10' fill='%23E8F9FF'/%3E%3Cg clip-path='url(%23clip0_22242_13766)'%3E%3Cpath d='M29.6134 9.54688H9.85624C8.63685 9.54688 7.64062 10.5529 7.64062 11.7843V25.1523C7.64062 26.3837 8.63685 27.3897 9.85624 27.3897H16.1444L15.4271 29.3534H14.7178C14.3911 29.3534 14.1201 29.6271 14.1201 29.957C14.1201 30.287 14.3911 30.5607 14.7178 30.5607H24.7518C25.0786 30.5607 25.3496 30.287 25.3496 29.957C25.3496 29.6271 25.0786 29.3534 24.7518 29.3534H24.0346L23.2934 27.3897H29.6134C30.8328 27.3897 31.829 26.3837 31.829 25.1523V11.7843C31.829 10.5529 30.8328 9.54688 29.6134 9.54688ZM9.85624 10.7541H29.6134C30.1713 10.7541 30.6336 11.2128 30.6336 11.7843V22.9954H24.7917V21.6111L25.6923 20.6453C25.7879 20.6614 25.8836 20.6775 25.9872 20.6775C26.8559 20.6775 27.5572 19.9612 27.5572 19.092C27.5572 18.2228 26.8479 17.4985 25.9872 17.4985C25.1264 17.4985 24.4091 18.2148 24.4091 19.092C24.4091 19.422 24.5048 19.7278 24.6801 19.9773L23.7636 20.9592C23.66 21.0719 23.6042 21.2167 23.6042 21.3696V22.9954H21.6755C21.6755 22.9954 21.6914 22.9551 21.6914 22.931V19.5427L22.9427 18.2148C23.0463 18.1021 23.1101 17.9572 23.1101 17.7963V16.9431C23.6839 16.7017 24.0903 16.1383 24.0903 15.4703C24.0903 14.5931 23.381 13.8848 22.5123 13.8848C21.6436 13.8848 20.9423 14.6011 20.9423 15.4703C20.9423 16.1303 21.3487 16.7017 21.9146 16.9431V17.5548L20.6633 18.8828C20.5597 18.9954 20.496 19.1403 20.496 19.3013V22.931C20.496 22.931 20.5039 22.9712 20.5119 22.9954H18.6629C18.6629 22.9954 18.6788 22.9551 18.6788 22.931V15.1243C19.2527 14.8828 19.6591 14.3194 19.6591 13.6514C19.6591 12.7742 18.9498 12.066 18.0811 12.066C17.2124 12.066 16.511 12.7822 16.511 13.6514C16.511 14.3114 16.9175 14.8828 17.4834 15.1243V22.9229C17.4834 22.9229 17.4913 22.9632 17.4993 22.9873H15.8655C15.8655 22.9873 15.8814 22.9471 15.8814 22.9229V20.3797C15.8814 20.2188 15.8177 20.0658 15.7061 19.9532L14.9649 19.2047C15.0446 19.0196 15.0844 18.8103 15.0844 18.593C15.0844 17.7158 14.3751 17.0075 13.5144 17.0075C12.6536 17.0075 11.9364 17.7238 11.9364 18.593C11.9364 19.4622 12.6457 20.1866 13.5144 20.1866C13.7296 20.1866 13.9368 20.1383 14.1201 20.0658L14.686 20.6373V22.931C14.686 22.931 14.6939 22.9712 14.7019 22.9954H8.8361V11.7843C8.8361 11.2209 9.29038 10.7541 9.85624 10.7541ZM25.6046 19.0759C25.6046 18.8667 25.772 18.6896 25.9872 18.6896C26.2024 18.6896 26.3617 18.8586 26.3617 19.0759C26.3617 19.2932 26.1944 19.4542 25.9872 19.4542C25.7799 19.4542 25.6046 19.2852 25.6046 19.0759ZM22.4964 15.8566C22.2892 15.8566 22.1218 15.6876 22.1218 15.4703C22.1218 15.253 22.2892 15.0921 22.4964 15.0921C22.7036 15.0921 22.8789 15.2611 22.8789 15.4703C22.8789 15.6796 22.7116 15.8566 22.4964 15.8566ZM17.6826 13.6514C17.6826 13.4422 17.85 13.2732 18.0572 13.2732C18.2644 13.2732 18.4397 13.4422 18.4397 13.6514C18.4397 13.8607 18.2724 14.0378 18.0572 14.0378C17.842 14.0378 17.6826 13.8687 17.6826 13.6514ZM13.4825 18.9713C13.2753 18.9713 13.1 18.8023 13.1 18.585C13.1 18.3677 13.2673 18.2067 13.4825 18.2067C13.6977 18.2067 13.8571 18.3757 13.8571 18.585C13.8571 18.7942 13.6897 18.9713 13.4825 18.9713ZM22.7594 29.3454H16.7023L17.4196 27.3816H22.0182L22.7594 29.3454ZM29.6134 26.1824H9.85624C9.29835 26.1824 8.8361 25.7237 8.8361 25.1523V24.1946H30.6336V25.1523C30.6336 25.7157 30.1793 26.1824 29.6134 26.1824Z' fill='%2300B2F0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22242_13766'%3E%3Crect width='24.1884' height='21.0057' fill='white' transform='translate(7.64062 9.54688)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } /* ---- 2. Cyber Security ---- */ .my-colorful-accordion .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title-text::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39.4653' height='39.4653' rx='10' fill='%23FFF7E0'/%3E%3Cpath d='M28.2017 9.86868L19.8577 7.00195L11.5037 9.86868C10.3316 10.2694 9.54688 11.3997 9.54688 12.6738V19.5991C9.54688 26.617 16.8181 30.9119 19.0432 32.0627L19.818 32.4634L20.6226 32.1346C22.8576 31.1996 30.1685 27.5417 30.1685 19.5991V12.6738C30.1685 11.3997 29.3838 10.2694 28.2116 9.86868H28.2017ZM19.8974 30.4906L19.8279 30.4495C17.8214 29.4118 11.2951 25.5689 11.2951 19.5889V12.6635C11.2951 12.16 11.6031 11.7182 12.06 11.5641L19.8676 8.89256L27.6653 11.5641C28.1222 11.7182 28.4302 12.16 28.4302 12.6635V19.5889C28.4302 26.4115 21.9636 29.6275 19.9769 30.4598L19.9074 30.4906H19.8974Z' fill='%23FEC20E'/%3E%3Cpath d='M24.9727 14.709L18.4564 21.3569C18.4564 21.3569 18.3273 21.4083 18.2677 21.3569L14.7314 17.7915L13.5195 19.0861L17.0459 22.6413C17.3935 23.0009 17.8703 23.2064 18.367 23.2064C18.8637 23.2064 19.3305 23.0112 19.6782 22.6516L26.1945 16.0036L24.9727 14.7193V14.709Z' fill='%23FEC20E'/%3E%3C/svg%3E"); } /* ---- 3. Business Communications ---- */ .my-colorful-accordion .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title-text::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39.4653' height='39.4653' rx='10' fill='%23F3EDFF'/%3E%3Cpath d='M20.9448 18.7529C20.9448 18.7529 20.925 18.7137 20.925 18.694C21.8156 18.2523 22.4291 17.359 22.4291 16.3087C22.4291 14.8363 21.2219 13.6289 19.7276 13.6289C18.2334 13.6289 17.036 14.8265 17.036 16.3087C17.036 17.359 17.6495 18.2621 18.5401 18.694C18.5401 18.7137 18.5204 18.7333 18.5204 18.7529C17.5011 23.553 15.0371 27.8525 11.4153 31.1899C11.1184 31.4648 11.0986 31.936 11.3757 32.2304C11.5241 32.3875 11.722 32.466 11.92 32.466C12.0981 32.466 12.2861 32.3973 12.4246 32.2697C13.7111 31.082 14.8491 29.7764 15.8584 28.3727H23.6265C24.626 29.7666 25.764 31.082 27.0603 32.2697C27.1988 32.3973 27.3869 32.466 27.565 32.466C27.7629 32.466 27.9608 32.3875 28.1092 32.2304C28.3863 31.936 28.3665 31.4648 28.0697 31.1899C24.438 27.8525 21.9838 23.553 20.9646 18.7529H20.9448ZM19.7276 19.9996C20.0047 21.099 20.3511 22.1689 20.7667 23.2094H18.6886C19.1042 22.1689 19.4505 21.099 19.7276 19.9996ZM19.7276 15.1013C20.4005 15.1013 20.9448 15.6412 20.9448 16.3087C20.9448 16.9762 20.4005 17.5063 19.7276 17.5063C19.0547 17.5063 18.5204 16.9664 18.5204 16.3087C18.5204 15.651 19.0646 15.1013 19.7276 15.1013ZM16.8183 26.9003C17.2636 26.1739 17.6792 25.4377 18.0454 24.672H21.4C21.7661 25.4377 22.1817 26.1739 22.6271 26.9003H16.8084H16.8183Z' fill='%23614696'/%3E%3Cpath d='M23.7538 19.8232C23.8923 19.9508 24.0705 20.0097 24.2486 20.0097C24.4564 20.0097 24.6543 19.9312 24.8027 19.7643C25.7032 18.763 26.198 17.4575 26.198 16.0832C26.198 14.709 25.7032 13.3936 24.8027 12.4022C24.5257 12.0979 24.0606 12.0684 23.7538 12.3433C23.447 12.6181 23.4273 13.0795 23.6944 13.3838C24.3574 14.1102 24.7137 15.0722 24.7137 16.093C24.7137 17.1139 24.3475 18.0661 23.6944 18.7925C23.4174 19.0968 23.447 19.5581 23.7538 19.833V19.8232Z' fill='%23614696'/%3E%3Cpath d='M14.6492 19.7643C14.7976 19.9312 14.9955 20.0097 15.2033 20.0097C15.3815 20.0097 15.5596 19.9508 15.6981 19.8232C16.0049 19.5484 16.0247 19.087 15.7575 18.7827C15.0945 18.0465 14.7383 17.0943 14.7383 16.0833C14.7383 15.0722 15.1044 14.1102 15.7575 13.374C16.0346 13.0697 16.0049 12.6084 15.6981 12.3335C15.3914 12.0587 14.9263 12.0881 14.6492 12.3924C13.7487 13.3937 13.2539 14.6992 13.2539 16.0735C13.2539 17.4477 13.7487 18.7533 14.6492 19.7545V19.7643Z' fill='%23614696'/%3E%3Cpath d='M27.8225 16.083C27.8225 17.9285 27.1595 19.6855 25.9522 21.0205C25.6752 21.3248 25.7049 21.7862 26.0116 22.061C26.1502 22.1886 26.3283 22.2475 26.5064 22.2475C26.7142 22.2475 26.9121 22.169 27.0606 22.0021C28.5053 20.3923 29.3069 18.2917 29.3069 16.083C29.3069 13.8744 28.5053 11.7738 27.0606 10.1639C26.7835 9.85961 26.3184 9.83016 26.0116 10.105C25.7049 10.3799 25.6752 10.8412 25.9522 11.1455C27.1595 12.4805 27.8225 14.2376 27.8225 16.083Z' fill='%23614696'/%3E%3Cpath d='M12.3947 22.0021C12.5432 22.169 12.7411 22.2475 12.9489 22.2475C13.127 22.2475 13.3051 22.1886 13.4437 22.061C13.7505 21.7862 13.7801 21.3248 13.5031 21.0205C12.2958 19.6855 11.6328 17.9285 11.6328 16.083C11.6328 14.2376 12.2958 12.4805 13.5031 11.1455C13.7801 10.8412 13.7505 10.3799 13.4437 10.105C13.1369 9.83016 12.6718 9.85961 12.3947 10.1639C10.95 11.7738 10.1484 13.8744 10.1484 16.083C10.1484 18.2917 10.95 20.3923 12.3947 22.0021Z' fill='%23614696'/%3E%3Cpath d='M29.3535 7.88656C29.0764 7.58226 28.6114 7.55282 28.3046 7.82767C27.9978 8.10252 27.9681 8.56388 28.2452 8.86818C30.0066 10.8216 30.9764 13.3836 30.9764 16.083C30.9764 18.7825 30.0066 21.3445 28.2452 23.2979C27.9681 23.6022 27.9978 24.0635 28.3046 24.3384C28.4431 24.466 28.6212 24.5249 28.7994 24.5249C29.0072 24.5249 29.2051 24.4464 29.3535 24.2795C31.3524 22.0512 32.4608 19.1456 32.4608 16.083C32.4608 13.0204 31.3623 10.1148 29.3535 7.88656Z' fill='%23614696'/%3E%3Cpath d='M11.2155 23.2978C9.45412 21.3444 8.48435 18.7824 8.48435 16.083C8.48435 13.3836 9.45412 10.8216 11.2155 8.86815C11.4926 8.56385 11.4629 8.1025 11.1562 7.82765C10.8494 7.56261 10.3843 7.58224 10.1072 7.88654C8.09842 10.1148 7 13.0204 7 16.083C7 19.1456 8.09842 22.0512 10.1072 24.2795C10.2557 24.4463 10.4536 24.5249 10.6614 24.5249C10.8395 24.5249 11.0176 24.466 11.1562 24.3384C11.4629 24.0635 11.4926 23.6021 11.2155 23.2978Z' fill='%23614696'/%3E%3C/svg%3E"); } /* ---- 4. AI and Business Apps ---- */ .my-colorful-accordion .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title-text::before { background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='10' fill='%23FFE6ED'/%3E%3Cg clip-path='url(%23clip0_22242_13736)'%3E%3Cpath d='M29.3745 21.4694C28.8519 21.587 28.4398 21.949 28.2732 22.4267L27.2243 22.423L25.1365 20.1508H19.9595V17.901H24.9725C25.0192 17.901 25.0577 17.8867 25.1826 17.8077C25.2104 17.7903 25.3032 17.7306 25.3404 17.6964L27.1952 15.5959L28.27 15.5797C28.4297 16.0736 28.9175 16.4903 29.4559 16.5737C30.0933 16.6732 30.6973 16.397 31.0317 15.8534C31.3618 15.3166 31.3309 14.6697 30.9516 14.1646C30.5994 13.6963 30.0194 13.473 29.4382 13.5818C28.8917 13.6844 28.4556 14.0545 28.2751 14.5602L26.7206 14.5888L24.667 16.8448H19.9608V15.8055H24.6903C24.7749 15.8055 24.8582 15.7594 25.1264 15.4883L25.1346 15.4802C25.2912 15.3222 26.3192 14.1659 26.4063 13.95C26.5162 13.6788 26.4972 13.3212 26.4783 12.9754C26.4676 12.772 26.4568 12.5785 26.4732 12.4174C26.5168 12.3907 26.561 12.367 26.607 12.3422C26.6985 12.293 26.7932 12.2426 26.8923 12.163C27.271 11.8576 27.4818 11.4185 27.471 10.9582C27.4603 10.4967 27.228 10.0675 26.8349 9.7795C26.1577 9.28376 25.3915 9.46477 24.9327 9.86347C24.4669 10.2684 24.1886 11.0104 24.6152 11.755C24.8134 12.1002 25.0949 12.2588 25.3959 12.4187C25.3921 12.5698 25.401 12.7309 25.4098 12.8877C25.4224 13.1066 25.4351 13.3324 25.4098 13.5146C25.4016 13.5743 25.3536 13.6328 25.2981 13.7006C25.2811 13.7211 25.264 13.7423 25.2476 13.7628C25.1163 13.9332 24.9636 14.0968 24.8021 14.2704C24.6575 14.4252 24.5086 14.5851 24.3767 14.7499H19.9608V13.338H21.6213C21.8131 13.338 21.9589 13.1054 22.1804 12.7259C22.2265 12.6469 22.2808 12.5543 22.3224 12.4921C23.1429 12.65 23.7721 12.1835 24.0403 11.6318C24.3092 11.0789 24.27 10.2914 23.5771 9.7795C22.8141 9.21596 21.9785 9.4828 21.5247 9.96921C21.0911 10.4338 20.8917 11.2269 21.4338 11.9136L21.158 12.3285H19.9608V9.52759C19.9608 9.41874 19.6478 8.90185 19.6446 8.89688C18.9902 7.84942 17.8422 7.27655 16.573 7.36426C15.3695 7.44761 14.3231 8.13803 13.81 9.17616C12.6734 8.86889 11.4509 9.1886 10.5901 10.0258C9.73239 10.8599 9.40295 12.0075 9.692 13.1234C8.83811 13.4021 8.14452 14.0446 7.77342 14.9067C7.38276 15.8136 7.40927 16.8473 7.83906 17.6951C7.81886 17.7157 7.79867 17.7368 7.77784 17.7573C7.5254 18.0142 7.26349 18.2798 7.09119 18.6219C6.9574 18.8875 6.78573 19.4081 6.75355 19.7316C6.7384 19.879 6.7384 20.1278 6.75355 20.2746C6.80404 20.7753 7.09435 21.4688 7.4282 21.8874C7.7223 22.2563 8.10602 22.5045 8.48784 22.7184C7.96591 23.6639 7.93814 24.7947 8.42094 25.7756C8.90185 26.7521 9.81885 27.4226 10.8898 27.5881C10.9971 28.1025 11.1032 28.5553 11.4162 29.0193C12.2436 30.2472 13.9185 30.705 15.2685 30.0873C15.8005 30.463 16.431 30.6453 17.0596 30.6453C17.9747 30.6453 18.8848 30.259 19.4742 29.5238C19.4793 29.5176 19.9608 28.8296 19.9608 28.6629V25.7221H21.223L21.4382 26.0878C20.8854 26.8031 21.093 27.6161 21.5367 28.0845C22.0018 28.5752 22.8185 28.8153 23.596 28.2443C24.2934 27.7318 24.306 26.9288 24.0087 26.3596C23.7285 25.8222 23.1107 25.3862 22.3395 25.5666C22.3237 25.538 22.3066 25.5056 22.2883 25.4714C22.0378 25.0055 21.8074 24.6199 21.5266 24.6199H19.9608V23.2546H24.3357L25.3631 24.4034C25.442 24.544 25.4212 24.9259 25.4054 25.2058C25.3978 25.3427 25.3909 25.4745 25.3921 25.5871C24.7831 25.8054 24.395 26.359 24.3925 27.0295C24.3893 27.7287 24.8134 28.3009 25.4723 28.4863C26.0567 28.6511 26.6695 28.4863 27.0709 28.0577C27.4773 27.6236 27.5897 27.0252 27.3732 26.4573C27.2066 26.02 26.8563 25.7868 26.4726 25.5784C26.4581 25.4192 26.4682 25.2288 26.4789 25.0292C26.4972 24.6833 26.5162 24.3257 26.407 24.0545C26.3098 23.8138 25.2678 22.6581 25.1353 22.5244L25.1271 22.5157C24.8589 22.2445 24.7762 22.1984 24.6916 22.1984H19.9621V21.1591H24.6683L26.7187 23.4182L28.2328 23.4462C28.2574 23.4841 28.2807 23.5221 28.3041 23.5594C28.484 23.848 28.6544 24.121 29.0292 24.2965C29.8156 24.6641 30.5483 24.3437 30.9264 23.8635C31.3025 23.3852 31.4344 22.6083 30.8797 21.9527C30.5193 21.526 29.9437 21.3407 29.377 21.4682L29.3745 21.4694ZM30.0958 23.221C29.9936 23.3796 29.815 23.4449 29.5796 23.4089C29.3145 23.3684 29.2173 23.1401 29.2148 22.9573C29.2123 22.7502 29.3277 22.5194 29.5916 22.4721C29.8143 22.4323 29.986 22.4908 30.0889 22.6419C30.2018 22.808 30.205 23.0512 30.0958 23.221ZM29.548 14.6031C29.6067 14.5913 29.6629 14.5851 29.7153 14.5851C29.8825 14.5851 30.0138 14.6461 30.0996 14.7655C30.2151 14.9253 30.2233 15.1661 30.1192 15.3371C30.051 15.4491 29.9103 15.5747 29.6244 15.5386C29.3612 15.5057 29.235 15.2774 29.2268 15.0647C29.2198 14.883 29.2994 14.6529 29.5486 14.6025L29.548 14.6031ZM25.5644 10.6733C25.6869 10.5284 25.8169 10.4886 25.9235 10.4886C25.9545 10.4886 25.9841 10.4923 26.01 10.4973C26.1962 10.534 26.3647 10.6864 26.4209 10.868C26.4568 10.9837 26.4619 11.1585 26.2839 11.3358C26.0775 11.541 25.786 11.485 25.6048 11.3227C25.4426 11.1778 25.3467 10.9315 25.5638 10.6739L25.5644 10.6733ZM22.5534 10.5072C22.8324 10.4637 22.9763 10.6068 23.0375 10.6963C23.1498 10.8618 23.1599 11.0963 23.0621 11.2543C22.9662 11.4092 22.7838 11.4757 22.5345 11.4465C22.2846 11.4172 22.1691 11.1983 22.1646 10.9943C22.1609 10.799 22.2599 10.5539 22.5534 10.5079V10.5072ZM17.7879 29.4833C17.2729 29.6737 16.7005 29.6532 16.1893 29.4317C16.7668 28.7705 16.9201 27.919 16.5964 27.1154C16.4796 26.8268 16.3288 26.6539 16.1476 26.6016C16.0511 26.5742 15.8983 26.5686 15.7178 26.6974C15.3739 26.9437 15.5178 27.2926 15.6232 27.5477C15.6711 27.6634 15.7204 27.7834 15.7261 27.8817C15.7639 28.5311 15.2231 28.9795 14.7037 29.1823C14.0953 29.4199 13.4364 29.3664 12.8974 29.0349C12.3591 28.704 12.0145 28.1535 11.9438 27.5172C12.0101 27.4842 12.1464 27.4444 12.2177 27.4233C12.2941 27.4009 12.3597 27.3816 12.4051 27.3611C12.7863 27.1919 13.9457 26.6769 13.9665 25.8272C13.9728 25.5734 13.822 25.357 13.5916 25.2892C13.3689 25.2239 13.1429 25.3122 13.0161 25.5143C12.9618 25.6002 12.9264 25.6705 12.8955 25.732C12.8267 25.8689 12.7882 25.9441 12.5938 26.0853C11.7116 26.7241 10.7529 26.7129 9.96275 26.0542C9.07793 25.3165 8.88923 24.1285 9.49383 23.0979C9.52854 23.0388 9.57524 22.984 9.6251 22.9256C9.75953 22.7682 9.9274 22.5723 9.82579 22.2581C9.74312 22.0006 9.47048 21.9328 9.27168 21.8831C9.20163 21.8657 9.13473 21.8489 9.08613 21.8277C8.01703 21.3718 7.54559 20.2808 7.96591 19.2333C8.18554 18.686 8.68222 18.235 9.20226 18.1112C9.58913 18.0192 9.95833 18.1125 10.2695 18.3818C10.3118 18.4185 10.3534 18.4695 10.3976 18.523C10.5352 18.691 10.7434 18.9441 11.117 18.7836C11.3436 18.686 11.4048 18.5311 11.4168 18.4179C11.4572 18.0254 10.934 17.5682 10.7472 17.4395C10.2215 17.0756 9.64971 16.9655 8.94855 17.0924C8.89932 17.1011 8.85199 17.1198 8.80592 17.1372C8.78068 17.1465 8.74407 17.1608 8.71693 17.1683C8.47396 16.6414 8.44934 16.0207 8.6513 15.4534C8.85325 14.8849 9.25401 14.4396 9.77846 14.1995C9.93119 14.1298 10.0296 14.0912 10.0707 14.0856C10.0801 14.0962 10.0934 14.1136 10.1054 14.1286C10.1477 14.1833 10.2057 14.2579 10.3086 14.3431C10.8596 14.8034 11.4433 14.934 12.094 14.7418C12.5137 14.6181 12.6178 14.3195 12.58 14.1018C12.5339 13.8406 12.3016 13.6608 12.0271 13.6751C11.9331 13.6801 11.8624 13.7131 11.8056 13.7398C11.774 13.7547 11.7475 13.7672 11.7261 13.7703C11.3076 13.83 11.0161 13.6745 10.8583 13.3069C10.3528 12.1269 10.8829 10.7741 12.0404 10.2902C12.7138 10.009 13.7229 10.0837 14.3881 10.4643C14.6822 10.6323 15.0451 10.9414 15.1076 11.4595C15.1177 11.541 15.1082 11.6598 15.0987 11.7861C15.0754 12.0871 15.0495 12.4286 15.2502 12.6171C15.355 12.7154 15.502 12.7533 15.6863 12.7303C16.106 12.6774 16.1546 12.2395 16.1754 12.0529C16.2997 10.9402 15.7879 9.95428 14.8633 9.49524C15.1644 8.93295 15.7084 8.54171 16.3761 8.41171C17.1233 8.26616 17.887 8.48138 18.4184 8.98707C18.5471 9.1096 18.9075 9.59974 18.9359 9.72041V14.3052C18.402 14.1248 17.8422 14.1286 17.3379 14.3189C17.1 14.4085 16.7996 14.5696 16.7213 14.8277C16.6904 14.9291 16.6822 15.0895 16.8179 15.2749C17.0665 15.6158 17.425 15.4428 17.6623 15.3284C17.7595 15.2817 17.8592 15.2332 17.9375 15.2195C18.1514 15.1828 18.4676 15.176 18.7592 15.3551C18.7869 15.3719 18.8854 15.4509 18.9352 15.4963V18.6014C18.3205 18.4173 17.8403 18.4303 17.3215 18.6375C17.0798 18.7339 16.8469 18.8533 16.7762 19.0735C16.7333 19.2085 16.7617 19.354 16.8614 19.5052C17.1019 19.8703 17.478 19.7197 17.7532 19.6097C17.9084 19.5475 18.0687 19.4828 18.2069 19.4877C18.4575 19.4964 18.9037 19.6893 18.9378 19.8292L18.9327 28.3544C18.7308 28.885 18.325 29.2855 17.7885 29.484L17.7879 29.4833ZM22.4676 26.5674C22.5332 26.5525 22.5951 26.545 22.6531 26.545C22.8077 26.545 22.9314 26.5979 23.0166 26.7017C23.1366 26.8473 23.1605 27.0756 23.0753 27.2553C23.0312 27.3486 22.9182 27.5054 22.6556 27.5103C22.2543 27.5191 22.1817 27.1956 22.1697 27.0967C22.1426 26.8784 22.2379 26.619 22.4682 26.5668L22.4676 26.5674ZM25.7702 26.5686C25.8301 26.5562 25.8869 26.5506 25.9393 26.5506C26.1053 26.5506 26.2347 26.6103 26.3186 26.7266C26.4328 26.8852 26.4398 27.1266 26.3344 27.3001C26.2662 27.4127 26.1261 27.539 25.8465 27.5041C25.5834 27.4712 25.4571 27.2429 25.4489 27.0302C25.442 26.8485 25.5215 26.6184 25.7708 26.568L25.7702 26.5686Z' fill='%23FF285E'/%3E%3Cpath d='M16.525 22.0074C16.4341 22.0068 16.3477 22.0062 16.289 21.995C15.9974 21.9409 15.6352 21.6622 15.4976 21.3867C15.4547 21.3002 15.4345 21.1963 15.413 21.0862C15.3707 20.8692 15.3183 20.5986 15.0375 20.4779C14.958 20.4437 14.8822 20.4176 14.7573 20.44C14.5086 20.4848 14.4045 20.6378 14.3609 20.7578C14.1912 21.2249 14.6532 22.046 14.8652 22.2935C15.1404 22.6151 15.6105 22.8981 16.034 22.9977C16.1022 23.0138 16.3218 23.0605 16.561 23.0605C16.7655 23.0605 16.9838 23.0263 17.134 22.9093C17.2546 22.8154 17.319 22.6804 17.319 22.5181C17.319 22.013 16.8021 22.0093 16.5244 22.0068L16.525 22.0074Z' fill='%23FF285E'/%3E%3Cpath d='M14.5668 17.2617C14.6797 17.3955 14.8482 17.5964 15.0919 17.5964C15.1771 17.5964 15.2717 17.5715 15.3765 17.5106C15.5652 17.3998 15.6113 17.2493 15.6169 17.1423C15.639 16.7007 15.0067 16.2373 15.0003 16.2323C14.4721 15.8492 13.7817 15.7049 13.1537 15.8461C13.0761 15.8635 12.3913 16.0283 12.2569 16.4252C12.2197 16.5352 12.2102 16.7075 12.3768 16.9016C12.6084 17.1716 12.9524 17.0335 13.2042 16.9327C13.309 16.8904 13.4081 16.8506 13.4838 16.8413C13.8473 16.794 14.1755 16.8892 14.433 17.1156C14.4759 17.1535 14.5201 17.2058 14.5668 17.2611V17.2617Z' fill='%23FF285E'/%3E%3Cpath d='M13.0765 22.3643C13.0071 22.3376 12.9415 22.3121 12.8947 22.2866C12.6606 22.1578 12.3671 21.8238 12.3204 21.5501C12.3103 21.491 12.3129 21.4033 12.3148 21.3107C12.3217 21.0457 12.3324 20.6445 11.9765 20.54C11.7827 20.4834 11.6199 20.4971 11.4924 20.5817C11.3485 20.6775 11.2665 20.8491 11.2419 21.1073C11.1863 21.6851 11.4438 22.3892 11.8679 22.8197C12.0371 22.9913 12.6139 23.4286 13.0727 23.4286C13.1005 23.4286 13.1283 23.4267 13.1554 23.4236C13.3233 23.4025 13.4558 23.316 13.5379 23.1729C13.6256 23.0206 13.647 22.88 13.6016 22.7543C13.524 22.5379 13.2753 22.4415 13.0759 22.3643H13.0765Z' fill='%23FF285E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22242_13736'%3E%3Crect width='24.5161' height='23.2903' fill='white' transform='translate(6.74219 7.35547)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } /* ---- 5. Website Operations ---- */ .my-colorful-accordion .e-n-accordion-item:nth-child(5) .e-n-accordion-item-title-text::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39.4653' height='39.4653' rx='10' fill='%23FFEEE0'/%3E%3Cpath d='M30.5753 14.3679C28.9055 12.8754 26.8824 12.8577 24.7533 12.9019C24.4706 10.4468 22.7921 8.22127 20.4509 7.39112C19.5675 7.08203 18.6575 6.99371 17.7299 7.00254C16.1397 7.02904 14.47 7.91217 13.3922 9.05142C12.3232 10.1818 11.6164 11.6213 11.5722 13.2198C11.3514 13.2463 11.2012 13.3788 11.0333 13.4671C9.52264 14.2354 8.87772 14.8095 8.10912 16.2931C7.96777 16.5669 7.94127 16.7435 7.84409 17.088C6.88113 20.5057 9.39013 24.0294 12.9239 24.1795V29.3371C13.1095 30.8825 16.1485 31.4743 17.3854 31.6509C19.4085 31.9335 21.4757 31.8805 23.4812 31.5007C24.5501 31.2976 26.6174 30.8207 27.068 29.6903C27.1121 29.5755 27.1386 29.496 27.1563 29.3989C27.1651 29.3371 27.174 29.2576 27.1828 29.1074C27.3153 27.5355 27.0768 25.7692 27.1828 24.1707C27.6599 24.1795 28.1723 24.0647 28.6317 23.9146C28.7377 23.8793 28.8349 23.8528 28.8702 23.844C30.5664 23.1993 31.7326 21.9364 32.2273 20.1524C32.8192 18.0241 32.2273 15.8339 30.5753 14.3591V14.3679ZM16.6256 18.7394C19.0551 19.1987 21.3167 19.1722 23.7197 18.6599C24.559 18.4833 25.3011 18.342 26.0873 17.9534V20.7883C25.3629 21.4065 24.4971 21.6714 23.5783 21.8657C22.262 22.1483 20.8131 22.2366 19.4703 22.2013C18.0656 22.1748 16.4489 21.9894 15.1414 21.4507C14.947 21.3712 14.0371 20.9208 14.0371 20.7441V17.9446C14.894 18.342 15.7156 18.5628 16.6344 18.7306L16.6256 18.7394ZM14.0636 16.302C14.0636 16.302 14.5318 15.8516 14.576 15.8251C15.7775 15.1362 18.313 14.8978 19.7 14.8801C21.2902 14.8536 23.0659 14.9684 24.5855 15.4718C25.1244 15.6484 25.8135 15.8869 26.0873 16.4168C26.0873 17.0261 23.5872 17.6355 23.0924 17.715C21.1047 18.0506 17.6769 18.0947 15.7686 17.4765C15.4948 17.3882 14.6908 17.0261 14.4523 16.8583C14.2668 16.7347 13.9576 16.5492 14.0724 16.2931L14.0636 16.302ZM20.2477 23.3052C22.2355 23.2876 24.2586 23.005 26.0785 22.2013V25.0009C26.0785 25.3894 24.1526 25.9811 23.7904 26.0606C22.0765 26.4669 19.9385 26.564 18.1981 26.3786C17.0761 26.2549 15.645 25.9546 14.5318 25.4071C14.3198 25.3011 14.0194 25.1333 14.0194 25.1333C14.0194 25.1333 14.0194 23.0756 14.0194 22.2102C15.963 23.0668 18.1274 23.3317 20.2477 23.3141V23.3052ZM26.0785 28.5864C26.052 29.2399 26.1492 29.3106 25.5484 29.6727C24.9742 30.0259 23.5165 30.4498 22.8451 30.5558C20.8396 30.8649 16.0513 30.7854 14.3905 29.5932C14.3198 29.5402 14.0194 29.2841 14.0194 29.2487V26.4492C14.3728 26.5552 14.7085 26.7495 15.0619 26.8643C16.2457 27.2617 17.8094 27.4913 19.0639 27.5531C20.822 27.6414 22.7302 27.4648 24.4265 27.0056C25.0007 26.8466 25.5308 26.6788 26.0785 26.458C26.0608 27.1645 26.105 27.8799 26.0785 28.5864ZM31.282 19.5254C30.964 21.0532 29.6211 22.4751 28.1281 22.9167C27.8189 23.005 27.5097 23.0668 27.1828 23.0756C27.1828 22.6341 27.1828 22.1837 27.1828 21.7333C27.174 20.0818 27.3418 18.0064 27.1828 16.4168C27.1298 15.9222 26.962 15.5955 26.5909 15.2687C25.0625 13.891 20.9722 13.6791 18.9844 13.7762C17.403 13.8468 15.1944 14.1559 13.8604 15.0391C13.454 15.304 13.0034 15.6661 12.9239 16.1872C12.7296 17.4236 12.9239 19.6667 12.9239 21.0267C12.9239 21.7068 12.9239 22.3956 12.9239 23.0756C10.4856 22.9343 8.55085 20.6647 8.74521 18.236C8.76288 17.9976 8.90423 17.2293 8.98374 17.0173C9.36362 15.9046 10.6005 14.7918 11.6606 14.3414C12.1023 14.1559 12.5882 14.3149 12.6766 13.6702C12.9063 11.9569 12.8974 11.3122 13.9929 9.8904C14.0459 9.81975 14.0106 9.87274 14.0194 9.85507C14.1431 9.70494 15.1149 9.02493 15.3623 8.87479C16.2634 8.34491 17.456 8.05348 18.5073 8.12413C20.8927 8.28309 23.0306 10.12 23.5165 12.4515C23.6137 12.9019 23.543 13.8115 23.9141 14.0235C24.3204 14.2531 26.7058 14.05 27.4302 14.1295C29.9834 14.4209 31.7856 17.0438 31.2732 19.5431L31.282 19.5254Z' fill='%23F08125'/%3E%3Cpath d='M16.0337 25.196C16.9525 25.1342 16.9701 23.6329 15.9718 23.6505C14.9205 23.6682 15.0619 25.2579 16.0337 25.196Z' fill='%23F08125'/%3E%3Cpath d='M16.0337 29.5535C16.9525 29.4916 16.9701 27.9903 15.9718 28.008C14.9205 28.0256 15.0619 29.6153 16.0337 29.5535Z' fill='%23F08125'/%3E%3Cpath d='M16.5224 19.6324C15.8156 18.9347 14.7113 20.0563 15.4534 20.7452C16.2044 21.4429 17.2027 20.3036 16.5224 19.6324Z' fill='%23F08125'/%3E%3C/svg%3E"); } .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { opacity: 0.8; } /* ===== Base style for all ===== */ [class*="my-menu-cat"] .elementor-icon-list-text { display: inline-flex !important; align-items: center !important; } [class*="my-menu-cat"] .elementor-icon-list-text::after { content: "" !important; display: inline-block !important; width: 14px !important; height: 14px !important; margin-left: 4px !important; flex-shrink: 0 !important; vertical-align: middle !important; background-size: 14px 14px !important; background-position: center !important; background-repeat: no-repeat !important; } /* ===== my-menu-cat01 - Blue (#00B2F0) ===== */ .my-menu-cat01 .elementor-icon-list-text::after { background-image: url('data:image/svg+xml;utf8,') !important; } /* ===== my-menu-cat02 - Yellow (#FEC20E) ===== */ .my-menu-cat02 .elementor-icon-list-text::after { background-image: url('data:image/svg+xml;utf8,') !important; } /* ===== my-menu-cat03 - Purple (#614696) ===== */ .my-menu-cat03 .elementor-icon-list-text::after { background-image: url('data:image/svg+xml;utf8,') !important; } /* ===== my-menu-cat04 - Pink (#FF285E) ===== */ .my-menu-cat04 .elementor-icon-list-text::after { background-image: url('data:image/svg+xml;utf8,') !important; } /* ===== my-menu-cat05 - Orange (#F08125) ===== */ .my-menu-cat05 .elementor-icon-list-text::after { background-image: url('data:image/svg+xml;utf8,') !important; } /* ===== Hover effect ===== */ [class*="my-menu-cat"] .elementor-icon-list-items li:hover .elementor-icon-list-text { opacity: 0.8; } .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon { display: none !important; } .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; } .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header { flex: 1 !important; text-align: left !important; } .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text { text-align: left !important; display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; } /* Add custom chevron icon - aligned to right */ .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text::after { content: ""; display: inline-block; width: 24px; height: 24px; flex-shrink: 0; margin-left: auto; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7108 8.20986C18.6178 8.11613 18.5072 8.04174 18.3854 7.99097C18.2635 7.9402 18.1328 7.91406 18.0008 7.91406C17.8688 7.91406 17.7381 7.9402 17.6162 7.99097C17.4944 8.04174 17.3838 8.11613 17.2908 8.20986L12.7108 12.7899C12.6178 12.8836 12.5072 12.958 12.3854 13.0087C12.2635 13.0595 12.1328 13.0856 12.0008 13.0856C11.8688 13.0856 11.7381 13.0595 11.6162 13.0087C11.4944 12.958 11.3838 12.8836 11.2908 12.7899L6.71079 8.20986C6.61783 8.11613 6.50723 8.04174 6.38537 7.99097C6.26351 7.9402 6.1328 7.91406 6.00079 7.91406C5.86878 7.91406 5.73808 7.9402 5.61622 7.99097C5.49436 8.04174 5.38376 8.11613 5.29079 8.20986C5.10454 8.39722 5 8.65067 5 8.91486C5 9.17904 5.10454 9.4325 5.29079 9.61986L9.88079 14.2098C10.4433 14.7716 11.2058 15.0872 12.0008 15.0872C12.7958 15.0872 13.5583 14.7716 14.1208 14.2098L18.7108 9.61986C18.897 9.4325 19.0016 9.17904 19.0016 8.91486C19.0016 8.65067 18.897 8.39722 18.7108 8.20986Z' fill='%23374957'/%3E%3C/svg%3E"); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center; } /* Rotate icon when accordion is open */ .my-colorful-accordion .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-text::after { transform: rotate(180deg); } /* Hover effect */ .my-colorful-accordion .e-n-accordion-item .e-n-accordion-item-title:hover .e-n-accordion-item-title-text::after { transform: scale(1.1); } .my-colorful-accordion .e-n-accordion-item[open] .e-n-accordion-item-title:hover .e-n-accordion-item-title-text::after { transform: rotate(180deg) scale(1.1); } /*End----------------------------------------------*/ /* Icon XL Styles */ .icon-xl .elementor-icon { font-size: 100px; } .icon-xl .elementor-icon svg { width: 0.8em; height: 0.8em; } .icon-xl .elementor-icon-box-icon { display: flex; align-items: center; transform: translateY(10px); } /*End----------------------------------------------*/ /* Slide Right Button Animation */ .btn-slide-right .elementor-button { overflow: hidden; transition: all 0.4s ease !important; } .btn-slide-right .elementor-button-content-wrapper { display: flex; align-items: center; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; transform: translateX(0); } .btn-slide-right:hover .elementor-button-content-wrapper { transform: translateX(18px) !important; } .btn-slide-right .elementor-button-icon svg { transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important; } .btn-slide-right:hover .elementor-button-icon svg { transform: translateX(10px) !important; } /*End----------------------------------------------*/ /* Card Styles (Home & Welcome Pages) */ .card { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(14px); border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.18); transition: all 0.45s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .card:hover { transform: translateY(-18px) scale(1.025); background: rgba(255, 255, 255, 0.22); border: 1px solid rgba(0, 178, 240, 0.35); box-shadow: 0 30px 70px rgba(0, 178, 240, 0.18), 0 0 50px rgba(0, 178, 240, 0.12); } .card:hover svg { transform: scale(1.18); filter: drop-shadow(0 0 25px #00b2f0); } .card:hover a { background: #00b2f0; color: white; animation: pulse 1.5s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0,178,240,0.4); } 70% { box-shadow: 0 0 0 10px rgba(0,178,240,0); } 100% { box-shadow: 0 0 0 0 rgba(0,178,240,0); } } .card2 { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; border-radius: 16px; background: #ffffff; overflow: hidden; } .card2:hover { transform: translateY(-10px); box-shadow: 0 20px 45px rgba(0, 178, 240, 0.22); z-index: 10; } .card2::after { content: ''; position: absolute; inset: 0; border-radius: 16px; padding: 2px; background: linear-gradient(0deg, #00B2F0 0%, rgba(0, 178, 240, 0.6) 30%, rgba(0, 178, 240, 0) 90%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .card2:hover::after { opacity: 1; } .card2 .elementor-icon { transition: transform 0.4s ease; } .card2:hover .elementor-icon { transform: scale(1.2); } .card3 { position: relative; transition: all 0.3s ease; overflow: visible !important; } .card3:hover .elementor-icon { transform: scale(1.25); position: relative; z-index: 2; } .card4:hover { transform: translateY(-18px) scale(1.025); } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0,178,240,0.4); } 70% { box-shadow: 0 0 0 10px rgba(0,178,240,0); } 100% { box-shadow: 0 0 0 0 rgba(0,178,240,0); } } .card5 { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; } .card5:hover { transform: translateY(-10px); z-index: 10; } .card5 svg { transition: transform 0.4s ease; } .card5:hover svg { transform: scale(1.2); } .card5::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #00B2F0; transition: width 0.5s ease; transform: translateX(-50%); border-radius: 2px; } .card5:hover::after { width: 65%; } .card6 { position: relative; overflow: hidden; cursor: pointer; } .card6:hover .card6-box1 { background: #00B389 !important; } .card6:hover .card6-box2 { background: #575352 !important; } .card6:hover .card6-box3 { background: #007DB9 !important; } .card6:hover .card6-box4 { background: #E22318 !important; } .card6:hover .card6-box5 { background: #0094D9 !important; } .card6:hover h3, .card6:hover p { color: #ffffff !important; } .card7 { position: relative; overflow: hidden; background: transparent; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card7:hover { transform: translateY(-12px); background-color: #EFFAFF !important; z-index: 10; } .card7 svg { transition: transform 0.4s ease; } .card7:hover svg { transform: scale(1.12); } .card7 h3 { color: inherit; transition: color 0.4s ease; } .card7:hover h3{ color: #00B2F0 !important; } .card7 hr { transition: width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .card7:hover hr { width: 16%; } .card7 p { transition: none; } .card7 .service-icon2 { position: absolute; bottom: 30px; right: 30px; opacity: 0; transform: translateX(-60px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; z-index: 20; } .card7:hover .service-icon2 { opacity: 1; transform: translateX(0); pointer-events: auto; cursor: pointer; } .card7::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(0,178,240,0.03) 0%, rgba(0,178,240,0.08) 100%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; border-radius: 16px; } .card7:hover::before { opacity: 1; } @media (min-width: 1025px) and (max-width: 1440px) { .card7 .service-icon2 { bottom: 15px; right: 30px; } } @media (min-width: 1441px) { .card7 .service-icon2 { bottom: 25px; right: 40px; } } @media (max-width: 1024px) { .card7 .service-icon2 { bottom: 20px; right: auto; left: 90%; transform: translateX(-50%) translateY(20px); } .card7:hover .service-icon2 { transform: translateX(-50%) translateY(0); } } @media (max-width: 767px) { .card7 { padding: 30px 20px; } .card7 .service-icon2 { bottom: 15px; } } .card-team .box-image-team { overflow: hidden !important; border-radius: 50% !important; position: relative !important; width: 232px !important; height: 233px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; isolation: isolate !important; } .card-team .box-image-team img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; filter: grayscale(100%) !important; transition: all 0.4s ease !important; transform: scale(1) !important; transform-origin: center center !important; } .card-team:hover .box-image-team img { filter: grayscale(0%) !important; transform: scale(1.1) !important; } .card-team:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important; } @media (max-width: 768px) { .card-team .box-image-team { width: 180px !important; height: 180px !important; } } @media (max-width: 480px) { .card-team .box-image-team { width: 140px !important; height: 140px !important; } } .card9:hover { box-shadow: 0 16px 35px rgba(0, 178, 240, 0.12) !important; } .card9:hover h3 { color: #00B2F0 !important; transition: color 0.25s ease; } .card9 .elementor-button-icon svg { width: 28px !important; height: 28px !important; transition: all 0.25s ease; display: block; } .card9:hover .elementor-button { transform: translateX(6px); border-color: #00B2F0; } .card9:hover .elementor-button-text { color: #00B2F0 !important; } .card9:hover .elementor-button-icon svg path { fill: #00B2F0 !important; } .card9 .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; gap: 8px !important; } .card9 .elementor-widget-button { margin-top: auto !important; } .card9 .elementor-widget-button .elementor-button { width: auto !important; } .card10:hover .e-svg-base svg { transform: scale(1.18); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } .card10 .e-svg-base svg { transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } /*End----------------------------------------------*/ /* Services Grid Border Styles */ .services-grid .service-card:nth-child(4)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient( to right, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 90%, transparent ); } .services-grid .service-card:nth-child(5)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #00B2F0; } .services-grid .service-card:nth-child(6)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient( to left, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 90%, transparent ); } .services-grid .service-card:nth-child(1)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient( to bottom, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 90%, transparent ); } .services-grid .service-card:nth-child(2)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient( to bottom, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 69%, transparent ); } .services-grid .service-card:nth-child(4)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient( to top, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 90%, transparent ); } .services-grid .service-card:nth-child(5)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient( to top, transparent, rgba(0, 178, 240, 0.2) 10%, #00B2F0 100%, rgba(0, 178, 240, 0.2) 90%, transparent ); } .services-grid .service-card .btn-solutions { opacity: 0; transform: translateY(20px); visibility: hidden; transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); } .services-grid .service-card:hover .btn-solutions { opacity: 1; transform: translateY(0); visibility: visible; } @media (max-width: 768px) { .services-grid .service-card::before, .services-grid .service-card::after { content: none !important; display: none !important; } .services-grid .service-card { border: none !important; position: relative; } .services-grid .service-card:nth-child(1), .services-grid .service-card:nth-child(2), .services-grid .service-card:nth-child(3), .services-grid .service-card:nth-child(4), .services-grid .service-card:nth-child(5) { box-shadow: 0 2px 0 0 rgba(0, 178, 240, 0.4); } .services-grid .service-card .btn-solutions { opacity: 1; transform: translateY(0); visibility: visible; transition: none; } } /*End----------------------------------------------*/ /* Services Grid Border Styles - services-grid-2 */ .services-grid-2::before { content: "" !important; position: absolute !important; pointer-events: none !important; inset: 0px !important; border-radius: 16px !important; padding: 1px !important; background: linear-gradient(-47deg, rgb(0, 178, 240) 0%, rgba(0, 178, 240, 0.7) 20%, rgba(0, 178, 240, 0.3) 40%, transparent 50%, rgba(0, 178, 240, 0.3) 60%, rgba(0, 178, 240, 0.7) 80%, rgb(0, 178, 240) 100%); -webkit-mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) !important; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) !important; transition: opacity 0.3s !important; } .services-grid-2 .service-card { position: relative; flex: 0 0 25%; max-width: 25%; padding: 2rem; background: none !important; background-color: transparent !important; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; } .services-grid-2 .service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 178, 240, 0.12); } .services-grid-2 .service-card:nth-child(1)::before, .services-grid-2 .service-card:nth-child(2)::before, .services-grid-2 .service-card:nth-child(3)::before, .services-grid-2 .service-card:nth-child(4)::before { content: none !important; } .services-grid-2 .service-card:nth-child(5)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(6)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #00B2F0; } .services-grid-2 .service-card:nth-child(7)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #00B2F0; } .services-grid-2 .service-card:nth-child(8)::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to left, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(1)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(2)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(3)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(4)::after { content: none !important; } .services-grid-2 .service-card:nth-child(5)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to top, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(6)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to top, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(7)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to top, transparent, rgba(0,178,240,0.2) 10%, #00B2F0 100%, rgba(0,178,240,0.2) 90%, transparent); } .services-grid-2 .service-card:nth-child(8)::after { content: none !important; } @media (max-width: 1024px) { .services-grid-2 .service-card { flex: 0 0 50%; max-width: 50%; } .services-grid-2 .service-card::before, .services-grid-2 .service-card::after { content: none !important; } } @media (max-width: 768px) { .services-grid-2 .service-card { flex: 0 0 100%; max-width: 100%; } } /*End----------------------------------------------*/ /* Floating Animations */ .float-circle-1 { animation: floating 4s ease-in-out infinite; } @keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } } .float-circle-2 { animation: sway 5s ease-in-out infinite; } @keyframes sway { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(12px); } } .float-circle-3 { animation: floating-zoom 5s ease-in-out infinite; } @keyframes floating-zoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } } /*End----------------------------------------------*/ /* Mobile Video Aspect Ratio */ @media (max-width: 767px) { .elementor-widget-video .elementor-wrapper { aspect-ratio: 0.5625 !important; } } /*End----------------------------------------------*/ /* Swiper Carousel Enhancements */ .swiper-wrapper { transition-timing-function: ease-out !important; touch-action: pan-y pan-x !important; } .swiper { cursor: grab !important; } .swiper:active, .swiper-grabbing { cursor: grabbing !important; } /* Default state - small circular dots */ .swiper-pagination-bullet { width: 8px !important; height: 8px !important; border-radius: 50% !important; transition: all 0.3s ease !important; } /* Active state - wide pill shape */ .swiper-pagination-bullet-active { width: 32px !important; height: 8px !important; border-radius: 4px !important; } .elementor-widget-n-carousel .e-n-carousel { border-radius: 20px !important; } /*End----------------------------------------------*/ /* Logo Marquee Swiper */ .logo-marquee .swiper-wrapper { -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .logo-marquee .swiper-slide { transition: none !important; flex-shrink: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } .logo-marquee .swiper-slide-image { width: 160px !important; object-fit: contain !important; } .logo-marquee .swiper-slide-image { max-width: 160px !important; width: auto !important; height: auto !important; } @media screen and (max-width: 1366px) { .logo-marquee .swiper-slide-image { max-width: 130px !important; } } /*End----------------------------------------------*/ /* Hero Slider Motion & Interaction Guide */ .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-heading-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-paragraph-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-button-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-image-base { opacity: 1 !important; transform: translateY(30px) !important; transition: none !important; } .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-image-base { transform: scale(0.92) !important; } .hero-main-slider .swiper-slide-active .e-heading-base { animation: textFadeUp 0.6s ease-out 0.3s forwards !important; opacity: 0; transform: translateY(30px); } .hero-main-slider .swiper-slide-active .e-paragraph-base { animation: textFadeUp 0.6s ease-out 0.5s forwards !important; opacity: 0; transform: translateY(30px); } .hero-main-slider .swiper-slide-active .e-button-base { animation: textFadeUp 0.6s ease-out 0.7s forwards !important; opacity: 0; transform: translateY(30px); } .hero-main-slider .swiper-slide-active .e-image-base { animation: imageScaleUp 0.8s ease-out 0.4s forwards !important; opacity: 0; transform: scale(0.92); } @keyframes textFadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes imageScaleUp { 0% { opacity: 0; transform: scale(0.92); } 100% { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-heading-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-paragraph-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-button-base, .hero-main-slider .swiper-slide:not(.swiper-slide-active) .e-image-base { opacity: 1 !important; transform: none !important; } .hero-main-slider .swiper-slide-active .e-heading-base, .hero-main-slider .swiper-slide-active .e-paragraph-base, .hero-main-slider .swiper-slide-active .e-button-base, .hero-main-slider .swiper-slide-active .e-image-base { animation: none !important; opacity: 1 !important; transform: none !important; } } /*End----------------------------------------------*/ /* Categories List Widget */ ul.widget_categories { margin: 0 !important; padding: 0 !important; list-style: none; display: block !important; } .widget_categories .categories, .widget_categories li.categories > a { font-family: "Montserrat", sans-serif !important; text-transform: uppercase!important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.4em !important; color: #000000; display: block !important; } .widget_categories ul { margin: 0em !important; padding: 0px!important; } .widget_categories .cat-item { display: flex !important; align-items: center; justify-content: space-between; padding: 12px 0 !important; border-bottom: 1px solid #e5e5e5; gap: 10px; margin-left: 0 !important; padding-left: 0 !important; } ul.widget_categories li.cat-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e5e5e5; gap: 10px; color: #999999 !important; font-size: 16px !important; font-family: "Montserrat", sans-serif !important; font-weight: 500 !important; } ul.widget_categories li.cat-item:last-child { border-bottom: none; } .widget_categories li.cat-item a { flex: 1; color: #000000; font-size: 15px; font-family: "Montserrat", sans-serif !important; font-weight: 500; text-decoration: none; text-transform: capitalize; } .widget_categories li.cat-item a:hover { color: #00b0ff; } .widget_categories .cat-item .count-number { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 30px; background-color: #EFFAFF; color: #00B2F0 !important; font-size: 14px !important; font-weight: 500 !important; font-family: "Montserrat", sans-serif !important; padding: 0 12px; border-radius: 14.5px; text-align: center; margin-left: 8px; flex-shrink: 0; box-sizing: border-box; } .widget_categories .cat-item .count-number { min-width: 48px; } .widget_categories .cat-item a:hover { color: #00b0ff !important; transition: color 0.3s ease; } .widget_categories .cat-item.current-cat a, .widget_categories .cat-item.current-cat > a, .widget_categories .cat-item.current a { color: #00b0ff !important; font-weight: 600 !important; } .widget_categories .cat-item:hover:before, .widget_categories .cat-item.current-cat:before, .widget_categories .cat-item.current:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.249 14.0048C1.085 14.0048 0.919 13.9718 0.759 13.9038C0.291 13.7068 0 13.2678 0 12.7588V1.24584C0 0.736844 0.291 0.298844 0.759 0.100844C1.228 -0.097156 1.743 0.000844151 2.108 0.355844L7.296 5.40284C7.738 5.79884 8.001 6.38684 8.001 7.00284C8.001 7.61884 7.738 8.20584 7.281 8.61584L2.108 13.6488C1.869 13.8818 1.563 14.0038 1.25 14.0038L1.249 14.0048ZM1.246 1.00284C1.203 1.00284 1.168 1.01484 1.147 1.02384C1.103 1.04284 1 1.10184 1 1.24684V12.7608C1 12.9058 1.104 12.9648 1.147 12.9838C1.192 13.0038 1.307 13.0348 1.41 12.9338L6.598 7.88684C6.863 7.64884 7 7.33984 7 7.00384C7 6.66784 6.862 6.35884 6.612 6.13484L1.41 1.07384C1.354 1.01884 1.295 1.00284 1.246 1.00284Z' fill='%2300b0ff'/%3E%3C/svg%3E") !important; } @media (max-width: 1366px) { .widget_categories li.cat-item a { font-size: 11px !important; } .widget_categories .cat-item .count-number { font-size: 11px !important; height: 24px !important; } .popular-topics-list .topic-item { font-size: 11px !important; padding: 6px 12px !important; } } /* Blue color for active category and industry */ .widget_categories .current-cat > a, .brochure-industries-list .current-cat > a, li.current-cat > a { color: #00B2F0 !important; font-weight: bold; } /* Also for the count number next to active category */ .widget_categories .current-cat .count-number, .brochure-industries-list .current-cat .count-number { color: #00B2F0 !important; } /*End----------------------------------------------*/ /* Pagination Numbers */ .elementor-pagination { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; } .elementor-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; color: #4A4A4A; font-size: 16px; font-weight: 500; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-decoration: none; line-height: 1; width: 44px; height: 44px; min-width: 44px; border: none; border-radius: 50%; transform: scale(1); } .elementor-pagination .page-numbers:hover { background-color: #00B2F0; color: #ffffff !important; transform: scale(1.1); } .elementor-pagination .page-numbers.current { background-color: #00B2F0; color: #ffffff !important; font-weight: 500; transform: scale(1); } .elementor-pagination .page-numbers.current:hover { background-color: #00B2F0; color: #ffffff !important; transform: scale(1.1); } /* Previous & Next Buttons */ .elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next { width: 44px; height: 44px; min-width: 44px; border-radius: 50%; padding: 0; background-color: transparent; border: 2px solid #00B2F0; display: inline-flex; align-items: center; justify-content: center; font-size: 0; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .elementor-pagination .page-numbers.prev:hover, .elementor-pagination .page-numbers.next:hover { background-color: #00B2F0; border-color: #00B2F0; transform: scale(1.1); } .elementor-pagination .elementor-screen-only { display: none; } /* Icon styles - Size 24px */ .elementor-pagination .page-numbers.prev:before { content: ""; display: inline-block; width: 24px; height: 24px; background-color: #00B2F0; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60069 9.88079L13.1907 5.29079C13.378 5.10454 13.6315 5 13.8957 5C14.1599 5 14.4133 5.10454 14.6007 5.29079C14.6944 5.38376 14.7688 5.49436 14.8196 5.61622C14.8703 5.73808 14.8965 5.86878 14.8965 6.00079C14.8965 6.1328 14.8703 6.26351 14.8196 6.38537C14.7688 6.50723 14.6944 6.61783 14.6007 6.71079L10.0007 11.2908C9.90696 11.3838 9.83256 11.4944 9.78179 11.6162C9.73103 11.7381 9.70489 11.8688 9.70489 12.0008C9.70489 12.1328 9.73103 12.2635 9.78179 12.3854C9.83256 12.5072 9.90696 12.6178 10.0007 12.7108L14.6007 17.2908C14.789 17.4778 14.8953 17.7319 14.8962 17.9973C14.8972 18.2626 14.7927 18.5175 14.6057 18.7058C14.4187 18.8941 14.1646 19.0004 13.8992 19.0014C13.6339 19.0023 13.379 18.8978 13.1907 18.7108L8.60069 14.1208C8.03888 13.5583 7.72332 12.7958 7.72332 12.0008C7.72332 11.2058 8.03888 10.4433 8.60069 9.88079Z' fill='%2300B2F0'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60069 9.88079L13.1907 5.29079C13.378 5.10454 13.6315 5 13.8957 5C14.1599 5 14.4133 5.10454 14.6007 5.29079C14.6944 5.38376 14.7688 5.49436 14.8196 5.61622C14.8703 5.73808 14.8965 5.86878 14.8965 6.00079C14.8965 6.1328 14.8703 6.26351 14.8196 6.38537C14.7688 6.50723 14.6944 6.61783 14.6007 6.71079L10.0007 11.2908C9.90696 11.3838 9.83256 11.4944 9.78179 11.6162C9.73103 11.7381 9.70489 11.8688 9.70489 12.0008C9.70489 12.1328 9.73103 12.2635 9.78179 12.3854C9.83256 12.5072 9.90696 12.6178 10.0007 12.7108L14.6007 17.2908C14.789 17.4778 14.8953 17.7319 14.8962 17.9973C14.8972 18.2626 14.7927 18.5175 14.6057 18.7058C14.4187 18.8941 14.1646 19.0004 13.8992 19.0014C13.6339 19.0023 13.379 18.8978 13.1907 18.7108L8.60069 14.1208C8.03888 13.5583 7.72332 12.7958 7.72332 12.0008C7.72332 11.2058 8.03888 10.4433 8.60069 9.88079Z' fill='%2300B2F0'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .elementor-pagination .page-numbers.next:after { content: ""; display: inline-block; width: 24px; height: 24px; background-color: #00B2F0; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3993 9.88079L10.8093 5.29079C10.622 5.10454 10.3685 5 10.1043 5C9.84013 5 9.58668 5.10454 9.39931 5.29079C9.30559 5.38376 9.23119 5.49436 9.18042 5.61622C9.12965 5.73808 9.10352 5.86878 9.10352 6.00079C9.10352 6.1328 9.12965 6.26351 9.18042 6.38537C9.23119 6.50723 9.30559 6.61783 9.39931 6.71079L13.9993 11.2908C14.093 11.3838 14.1674 11.4944 14.2182 11.6162C14.269 11.7381 14.2951 11.8688 14.2951 12.0008C14.2951 12.1328 14.269 12.2635 14.2182 12.3854C14.1674 12.5072 14.093 12.6178 13.9993 12.7108L9.39931 17.2908C9.21101 17.4778 9.1047 17.7319 9.10376 17.9973C9.10282 18.2626 9.20734 18.5175 9.39431 18.7058C9.58129 18.8941 9.83541 19.0004 10.1008 19.0014C10.3661 19.0023 10.621 18.8978 10.8093 18.7108L15.3993 14.1208C15.9611 13.5583 16.2767 12.7958 16.2767 12.0008C16.2767 11.2058 15.9611 10.4433 15.3993 9.88079Z' fill='%2300B2F0'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3993 9.88079L10.8093 5.29079C10.622 5.10454 10.3685 5 10.1043 5C9.84013 5 9.58668 5.10454 9.39931 5.29079C9.30559 5.38376 9.23119 5.49436 9.18042 5.61622C9.12965 5.73808 9.10352 5.86878 9.10352 6.00079C9.10352 6.1328 9.12965 6.26351 9.18042 6.38537C9.23119 6.50723 9.30559 6.61783 9.39931 6.71079L13.9993 11.2908C14.093 11.3838 14.1674 11.4944 14.2182 11.6162C14.269 11.7381 14.2951 11.8688 14.2951 12.0008C14.2951 12.1328 14.269 12.2635 14.2182 12.3854C14.1674 12.5072 14.093 12.6178 13.9993 12.7108L9.39931 17.2908C9.21101 17.4778 9.1047 17.7319 9.10376 17.9973C9.10282 18.2626 9.20734 18.5175 9.39431 18.7058C9.58129 18.8941 9.83541 19.0004 10.1008 19.0014C10.3661 19.0023 10.621 18.8978 10.8093 18.7108L15.3993 14.1208C15.9611 13.5583 16.2767 12.7958 16.2767 12.0008C16.2767 11.2058 15.9611 10.4433 15.3993 9.88079Z' fill='%2300B2F0'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .elementor-pagination .page-numbers.prev:hover:before, .elementor-pagination .page-numbers.next:hover:after { background-color: #ffffff; } .elementor-pagination .page-numbers.dots { border: none; background: transparent; color: #4A4A4A; font-size: 16px; font-weight: 500; cursor: default; width: 44px; height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; transition: none; border-radius: 50%; } .elementor-pagination .page-numbers.dots:hover { background: transparent; border: none; color: #4A4A4A !important; transform: none; box-shadow: none; } /* Responsive */ @media (max-width: 1366px) { .elementor-pagination { gap: 6px; } .elementor-pagination .page-numbers { width: 36px; height: 36px; min-width: 36px; font-size: 14px; } .elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next { width: 36px; height: 36px; min-width: 36px; } .elementor-pagination .page-numbers.prev:before, .elementor-pagination .page-numbers.next:after { width: 20px; height: 20px; } .elementor-pagination .page-numbers.dots { width: 36px; height: 36px; min-width: 36px; font-size: 14px; } } @media (max-width: 767px) { .elementor-pagination { gap: 5px; } .elementor-pagination .page-numbers { width: 36px; height: 36px; min-width: 36px; font-size: 14px; } .elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next { width: 36px; height: 36px; min-width: 36px; } .elementor-pagination .page-numbers.prev:before, .elementor-pagination .page-numbers.next:after { width: 20px; height: 20px; } .elementor-pagination .page-numbers.dots { width: 36px; height: 36px; min-width: 36px; font-size: 14px; } } @media (max-width: 480px) { .elementor-pagination { gap: 4px; } .elementor-pagination .page-numbers { width: 32px; height: 32px; min-width: 32px; font-size: 13px; } .elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next { width: 32px; height: 32px; min-width: 32px; } .elementor-pagination .page-numbers.prev:before, .elementor-pagination .page-numbers.next:after { width: 18px; height: 18px; } .elementor-pagination .page-numbers.dots { width: 32px; height: 32px; min-width: 32px; font-size: 13px; } } /*End----------------------------------------------*/ /* Microsoft Dynamics 365 Marketing Forms */ .onFormSubmittedFeedback { width: 100% !important; height: auto !important; } .enableFormHosting { display: none !important; } .onFormSubmittedFeedbackInternalContainer { padding: 0px !important; } .marketingForm td, .marketingForm th { padding: 0 !important; } .marketingForm table { margin: 0 !important; width: 100% !important; max-width: 100% !important; border-collapse: collapse !important; } .marketingForm table, .marketingForm td, .marketingForm th { border: none !important; } .marketingForm .textFormFieldBlock label, .marketingForm .phoneFormFieldBlock label, .marketingForm .dateTimeFormFieldBlock label, .marketingForm .lookupFormFieldBlock label, .marketingForm .twoOptionFormFieldBlock label.block-label, .marketingForm .optionSetFormFieldBlock label.block-label, .marketingForm .multiOptionSetFormFieldBlock label.block-label { display: none !important; } .marketingForm input, .marketingForm textarea, .marketingForm select { font-family: "Montserrat", Sans-serif !important; background-color: #ffffff !important; border: 1px solid #cccccc !important; font-size: 14px !important; padding: 16px 12px !important; border-radius: 8px !important; color: #666666 !important; width: 100% !important; box-sizing: border-box !important; } .marketingForm input:focus, .marketingForm textarea:focus, .marketingForm select:focus { outline: none !important; border: 1px solid #00B2F0 !important; } .marketingForm .phoneFormFieldBlock input:focus, .marketingForm .phoneFormFieldBlock .phoneCountryCode input:focus { outline: none !important; border: 1px solid #00B2F0 !important; } .marketingForm * input:focus, .marketingForm * textarea:focus, .marketingForm * select:focus { border: 1px solid #00B2F0 !important; } .marketingForm .submitButton, .marketingForm .primaryButton { font-family: "Montserrat", Sans-serif !important; border-radius: 8px !important; width: 100% !important; padding: 16px 12px !important; background-color: #00B2F0 !important; border: none !important; } .marketingForm .submitButton:hover, .marketingForm .primaryButton:hover { background-color: #75DDFF !important; } .marketingForm .phoneFormFieldBlock .phoneCountryCode { border: 1px solid #cccccc !important; border-radius: 8px !important; } .marketingForm .textFormFieldBlock, .marketingForm .dateTimeFormFieldBlock, .marketingForm .phoneFormFieldBlock, .marketingForm .twoOptionFormFieldBlock, .marketingForm .optionSetFormFieldBlock, .marketingForm .lookupFormFieldBlock { padding: 10px 0 !important; } .marketingForm input:not(:placeholder-shown), .marketingForm textarea:not(:placeholder-shown), .marketingForm select:not(:placeholder-shown) { color: #000000 !important; font-weight: 500 !important; } .marketingForm .phoneFormFieldBlock input:not(:placeholder-shown) { color: #000000 !important; font-weight: 500 !important; } @media (max-width: 767px) { .marketingForm table { width: 100% !important; } } /*End----------------------------------------------*/ /* Blog Card Styles */ .blog-card { display: flex; flex-direction: column; height: 100%; } .blog-card .card-blog-content { flex: 1; display: flex; flex-direction: column; } .blog-card .card-blog-excerpt { flex: 1; } .blog-card .card-blog-divider { margin-top: auto; margin-bottom: 15px; } .blog-card .card-blog-footer { margin-top: 0; } .blog-card .card-blog-img { overflow: hidden; position: relative; } .blog-card .card-blog-img img { width: 100%; height: 370px; object-fit: cover; object-position: center; transition: filter 0.4s ease; } .blog-card:hover .card-blog-img img { filter: brightness(1.01); } .blog-card .card-blog-img::before { content: ''; position: absolute; top: -50%; left: -100%; width: 80%; height: 200%; background: linear-gradient(120deg, transparent 0%, transparent 35%, rgba(255, 255, 255, 0.05) 45%, rgba(0, 178, 240, 0.03) 50%, rgba(255, 255, 255, 0.05) 55%, transparent 65%, transparent 100%); transform: rotate(25deg); z-index: 2; pointer-events: none; } .blog-card:hover .card-blog-img::before { animation: sweepOnce 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes sweepOnce { 0% { left: -100%; } 100% { left: 150%; } } /*End----------------------------------------------*/ /* Event Card Styles */ .event-card { transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); border-radius: 20px; } .event-card:hover { transform: translateY(-8px); box-shadow: 0 25px 40px -14px rgba(0, 178, 240, 0.2); } .event-img { position: relative; overflow: hidden; border-radius: 20px 20px 0 0; } .event-img::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(0deg, #000000 0%, transparent 100%); opacity: 0.3; transition: all 0.4s ease; pointer-events: none; z-index: 2; } .event-card:hover .event-img::after { height: 0%; opacity: 0; } .upcoming-event-button .elementor-button-icon { position: absolute !important; right: 30px !important; font-size: 20px !important; } .past-event-button .elementor-button-icon { position: absolute !important; right: 30px !important; font-size: 20px !important; } .past-event-button .elementor-button:hover .elementor-button-icon svg path { fill: #00B2F0 !important; } /*End----------------------------------------------*/ /* Mobile Responsive Layout - Reorder Elements */ @media (max-width: 768px) { .main-consultation-section .e-con-inner { display: flex !important; flex-direction: column !important; } .image-form-wrapper { display: contents !important; } .image-form-wrapper svg{ order: 1 !important; } .my-title-form { order: 2 !important; } .my-divider-form { order: 3 !important; } .my-text-form { order: 4 !important; } .my-form { order: 5 !important; } } /*End----------------------------------------------*/ /* Trust Bar - Delayed Animation After Slider */ .trust-bar-section .elementor-icon-list-items li { opacity: 0; transform: translateY(15px); transition: opacity 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1); } .trust-bar-section.animated .elementor-icon-list-items li { opacity: 1; transform: translateY(0); } .trust-bar-section.animated .elementor-icon-list-items li:nth-child(1) { transition-delay: 0.5s; } .trust-bar-section.animated .elementor-icon-list-items li:nth-child(2) { transition-delay: 0.58s; } .trust-bar-section.animated .elementor-icon-list-items li:nth-child(3) { transition-delay: 0.66s; } .trust-bar-section.animated .elementor-icon-list-items li:nth-child(4) { transition-delay: 0.74s; } .services-core-grid .card9 { opacity: 0; transform: translateY(30px); transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1); } .services-core-grid.animated .card9 { opacity: 1; transform: translateY(0); } .services-core-grid.animated .card9:nth-child(1) { transition-delay: 0.15s; } .services-core-grid.animated .card9:nth-child(2) { transition-delay: 0.3s; } .services-core-grid.animated .card9:nth-child(3) { transition-delay: 0.45s; } .services-core-grid.animated .card9:nth-child(4) { transition-delay: 0.6s; } .services-core-grid.animated .card9:nth-child(5) { transition-delay: 0.75s; } .services-core-grid.animated .card9:nth-child(6) { transition-delay: 0.9s; } .services-core-grid.animated .card9:nth-child(7) { transition-delay: 1.05s; } .services-core-grid.animated .card9:nth-child(8) { transition-delay: 1.2s; } /* IT&T - Custom Interactions Only */ .card9, .service-card, .industry-card { cursor: pointer; } .card9:focus-visible, .service-card:focus-visible, .industry-card:focus-visible { outline: 2px solid #00B2F0; outline-offset: 4px; transform: translateY(-4px); transition: all 0.2s ease; } .industry-card:hover { transform: translateY(-4px) !important; } .e-n-tabs-content { min-height: 450px; transition: min-height 0.2s ease; position: relative; } .e-n-tab-content { opacity: 1; transition: opacity 0.25s ease; } .e-n-tab-content[hidden] { display: block !important; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; } @media (max-width: 768px) { .e-n-tabs-content { min-height: 500px; } } @media (max-width: 480px) { .e-n-tabs-content { min-height: 550px; } } .elementor-custom-embed-play { animation: gentlePulse 2.5s ease-in-out infinite; } @keyframes gentlePulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .elementor-custom-embed-play { animation: none; } } /*End----------------------------------------------*/ /* Card Hover Effects */ .card9 { transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .card9:hover { transform: translateY(-6px); box-shadow: 0 16px 35px rgba(0, 178, 240, 0.12); border-color: rgba(0, 178, 240, 0.3); } .industry-card { transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .industry-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0, 178, 240, 0.1); } .service-card { transition: transform 0.25s ease, box-shadow 0.25s ease; } .service-card:hover { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 178, 240, 0.1); } .card9:hover .elementor-icon, .industry-card:hover .elementor-icon, .service-card:hover .elementor-icon { transform: scale(1.05); transition: transform 0.25s ease; color: #00B2F0; } .card9:hover .elementor-button, .industry-card:hover .elementor-button { background-color: #00B2F0; color: #ffffff; transition: all 0.25s ease; } .card9:hover { transform: translateY(-4px) !important; } /*End----------------------------------------------*/ /* Icon Box - Full Gradient Border (All 4 Sides) */ .icon-xl:hover::after { content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 1px; background: linear-gradient( -47deg, #00B2F0 0%, rgba(0, 178, 240, 0.7) 20%, rgba(0, 178, 240, 0.3) 40%, transparent 50%, rgba(0, 178, 240, 0.3) 60%, rgba(0, 178, 240, 0.7) 80%, #00B2F0 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .icon-xl:hover::after { opacity: 1; } /*End----------------------------------------------*/ /* Video Slider Styles */ .my-video-slider .e-youtube-base { position: relative; } .my-video-slider .video-play-btn-custom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; transition: all 0.3s ease; animation: pulse 2s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%) scale(1); } 50% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); transform: translate(-50%, -50%) scale(1.08); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); transform: translate(-50%, -50%) scale(1); } } .my-video-slider .video-play-btn-custom:hover { background: rgba(0, 178, 240, 0.8); transform: translate(-50%, -50%) scale(1.1); animation: none; } .my-video-slider .video-play-btn-custom svg { width: 75px; height: 75px; display: block; } .my-video-slider .video-play-btn-custom.hide { display: none !important; animation: none; } /*End----------------------------------------------*/ /* ============================================ Circle Hover Effect - Smooth Background Zoom Applied to .circle-container inside .circle-section Uses spring-like cubic-bezier for Figma-style feel ============================================ */ .circle-container { transition: background-size 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } @media (min-width: 1025px) { .circle-container { background-size: 60% auto !important; } .circle-section:hover .circle-container { background-size: 70% auto !important; } } @media (min-width: 768px) and (max-width: 1024px) { .circle-container { background-size: 80% auto !important; } .circle-section:hover .circle-container { background-size: 90% auto !important; } } @media (max-width: 767px) { .circle-container { background-size: 70% auto !important; } .circle-section:hover .circle-container { background-size: 95% auto !important; } } @media (max-width: 480px) { .circle-container { background-size: 90% auto !important; } .circle-section:hover .circle-container { background-size: 105% auto !important; } } /*End----------------------------------------------*/