/*Custom Scrollbar*/ ::-webkit-scrollbar {width: 6px;} ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;} ::-webkit-scrollbar-thumb {background: #e9a13b; border-radius: 10px;} ::-webkit-scrollbar-thumb:hover {background: #997748; } *, *::before, *::after {padding: 0;margin: 0;box-sizing: border-box;list-style: none;list-style-type: none;text-decoration: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;} .new-btn-red {color: #fff;background-color: #e24f62;border-color: #e24f62;border-radius: 4px;} .new-btn-red:hover {color: #fff;background-color: #e77975;border-color: #e24f62;border-radius: 4px;} .new-btn-oranged {color: #fff;background-color: #da612b;border-color: #c24d19;border-radius: 4px;} .new-btn-oranged:hover {color: #fff;background-color: #c24d19;border-color: #c24d19;border-radius: 4px;} .new-btn-orange {color: #fff;background-color: #f59e0c;border-color: #e9a13b;border-radius: 4px;} .new-btn-orange:hover {color: #fff;background-color: #d48c27;border-color: #e9a13b;border-radius: 4px;} .new-btn-green {color: #fff;background-color: #4ca054;border-color: #4ca054;border-radius: 4px;} .new-btn-green:hover {color: #fff;background-color: #78da89;border-color: #4ca054;border-radius: 4px;} .new-btn-skyblue {color: #fff;background-color: #009DFF;border-color: #2c8ebd;border-radius: 4px;} .new-btn-skyblue:hover {color: #fff;background-color: #2c8ebd;border-color: #2c8ebd;border-radius: 4px;} .new-btn-dark {color: #fff;background-color: #101729;border-color: #20293a;border-radius: 4px;} .new-btn-dark:hover {color: #fff;background-color: #20293a;border-color: #101729;border-radius: 4px;} .new-btn-red-o {color: #e24f62;background-color: transparent;border-color: #e24f62;border-radius: 4px;} .new-btn-red-o:hover {color: #fff;background-color: #e24f62;border-color: #e24f62;border-radius: 4px;} .new-btn-oranged-o {color: #da612b;background-color: transparent;border-color: #c24d19;border-radius: 4px;} .new-btn-oranged-o:hover {color: #fff;background-color: #c24d19;border-color: #c24d19;border-radius: 4px;} .new-btn-orange-o {color: #e9a13b;background-color: transparent;border-color: #e9a13b;border-radius: 4px;} .new-btn-orange-o:hover {color: #fff;background-color: #f59e0c;border-color: #e9a13b;border-radius: 4px;} .new-btn-green-o {color: #78da89;background-color: transparent;border-color: #78da89;border-radius: 4px;} .new-btn-green-o:hover {color: #fff;background-color: #4ca054;border-color: #4ca054;border-radius: 4px;} .new-btn-skyblue-o {color: #009DFF;background-color: transparent;border-color: #2c8ebd;border-radius: 4px;} .new-btn-skyblue-o:hover {color: #fff;background-color: #009DFF;border-color: #2c8ebd;border-radius: 4px;} .new-btn-dark-o {color: #101729;background-color: transparent;border-color: #20293a;border-radius: 4px;} .new-btn-dark-o:hover {color: #fff;background-color: #20293a;border-color: #101729;border-radius: 4px;} /*-------------------------------------------------------------- # Contact-us-page-button --------------------------------------------------------------*/ /* .yellow-btn {background: linear-gradient(135deg, #f59e0c, #e9a13b);border: none;padding: 0.75rem 1.5rem;border-radius: 8px;font-weight: 600;color: #fff;margin: 0.5rem 0;transition: all 0.3s ease;} .yellow-btn:hover {transform: scale(1.05);box-shadow: 0 0 15px rgba(255,140,0,0.6);} .blue-btn {background: linear-gradient(135deg, #479fca, #009DFF);border: none;padding: 0.75rem 1.5rem;border-radius: 8px;font-weight: 600;color: #fff;margin: 0.5rem 0;transition: all 0.3s ease;} .blue-btn:hover {transform: scale(1.05);box-shadow: 0 0 15px rgba(71,159,202,0.6);} .green-btn {background: linear-gradient(135deg, #55b685, #78da89);border: none;padding: 0.75rem 1.5rem;border-radius: 8px;font-weight: 600;color: #fff;margin: 0.5rem 0;transition: all 0.3s ease;} .green-btn:hover {transform: scale(1.05);box-shadow: 0 0 15px rgba(85,182,133,0.6);} */ /*-------------------------------------------------------------- # General Styling & Shared Classes --------------------------------------------------------------*/ /*----cta-button-home---*/ .explore-md{min-height: 40px;margin: 0px 20px 0px 0px;padding: 12px 60px 12px 20px;border-radius: 4px;text-align: left;color: #ffffff!important;font-size: 16px;font-weight: 700;cursor: pointer;background: #009DFF url(../images/icon/cta-active-left-arrow.svg);background-position: right 15px center;background-repeat: no-repeat;transition: all 250ms;border: 1px solid #009DFF;min-width:300px;} .explore-md:hover{background: #0081d2 url(../images/icon/cta-active-left-arrow.svg);background-position: right 15px center;background-repeat: no-repeat;color: #ffffff!important;transform: translateX(1px);border: 1px solid #009DFF;min-width:300px;text-decoration: none;} .explore-md2{min-height: 40px;margin: 0px 20px 0px 0px;padding: 12px 60px 12px 20px;border-radius: 25px;text-align: left;color: #ffffff!important;font-size: 16px;font-weight: 700;cursor: pointer;background: #009DFF url(../images/icon/cta-active-left-arrow.svg);background-position: right 15px center;background-repeat: no-repeat;transition: all 250ms;border: 1px solid #009DFF;min-width:300px;} .explore-md2:hover{background: #0081d2 url(../images/icon/cta-active-left-arrow.svg);background-position: right 15px center;background-repeat: no-repeat;color: #ffffff!important;transform: translateX(1px);border: 1px solid #0081d2;min-width:300px;text-decoration: none;} .btn-schedule{padding: 2px 50px 2px 0px;text-align: left;color: #009DFF;font-size: 11px;line-height:15px;font-weight: 700;cursor: pointer;background: url(../images/icon/cta-secondary-active-outlink.svg);background-size: 16px 16px;background-position: right 15px center;background-repeat: no-repeat;transition: all 250ms;border: 0px solid #009DFF;} .btn-schedule{background: #ffffff url(../images/icon/cta-secondary-active-outlink.svg);background-position: right 15px center;background-repeat: no-repeat;color: #009DFF;transform: translateX(1px);border: 0px solid #009DFF;} /*----Pulsating Play Button ----*/ .pulsating-play-btn { width: 94px; height: 94px; background: radial-gradient(#009DFF 50%, color-mix(in srgb, #009DFF, transparent 75%) 52%); border-radius: 50%; display: block; position: relative; overflow: hidden; } .pulsating-play-btn:before { content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-play-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid color-mix(in srgb, #009DFF, transparent 30%); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); } .pulsating-play-btn:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .pulsating-play-btn:hover:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0; } .pulsating-play-btn:hover:after { border-left: 15px solid #009DFF; transform: scale(20); } @keyframes pulsate-play-btn { 0% { transform: scale(0.6, 0.6); opacity: 1; } 100% { transform: scale(1, 1); opacity: 0; } } /*-------------------------------------------------------------- # Global Header --------------------------------------------------------------*/ .header { background-color: rgba(0, 0, 0, 1); color: #ffffff; color: #444444; padding: 5px 0; transition: all 0.5s; z-index: 997; } .header .logo { line-height: 1; } .header .logo img { max-height: 36px; margin-right: 8px; } .header .logo h1 { font-size: 30px; margin: 0; font-weight: 700; color: #ffffff; } .header .cta-btn, .header .cta-btn:focus { color: #ffffff;background: #009DFF; font-size: 13px; padding: 10px 25px; margin: 0 0 0 10px; border-radius: 4px; transition: 0.3s; text-transform: uppercase;text-decoration: none; border: 1px solid #009DFF; } .header .cta-btn:hover, .header .cta-btn:focus:hover { color: #0081d2; background: #ffffff; border-color: #ffffff; } .header .login-btn, .header .login-btn:focus { color: #0081d2;background: #ffffff; font-size: 13px; padding: 10px 25px; margin: 0 0 0 10px; border-radius: 4px; transition: 0.3s; text-transform: uppercase;text-decoration: none; border: 1px solid #009DFF; } .header .login-btn:hover, .header .login-btn:focus:hover { color: #ffffff; background: #009DFF; border-color: #009DFF; } @media (max-width: 1200px) { .header .logo { order: 1; } .header .cta-btn { order: 2; margin: 15px; padding: 6px 15px; } .header .login-btn { order: 3; margin: 15px; padding: 6px 15px; } .header .navmenu { order: 4; } } @media (max-width: 1199.99px) { .header { padding: 15px 0; } } .scrolled .header { box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1); } .scrolled .header {background-color: rgba(21, 34, 43, 0.85); } /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /* Desktop Navigation */ @media (min-width: 1200px) { .navmenu { padding: 0; } .navmenu ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navmenu li.dropdown { position: relative; } .navmenu>ul>li {padding: 15px 14px; } /* white-space: nowrap; */ .navmenu>ul>li:last-child { padding-right: 0;padding-left: 0px;} .navmenu a.dropdown-toggle, .navmenu a.dropdown-toggle:focus { color: #e5eaee; font-size: 13px; padding: 10px 15px;font-weight: 500; display: flex; align-items: center; justify-content: space-between; transition: 0.3s; position: relative; text-transform: uppercase; } .navmenu a.dropdown-toggle i, .navmenu a.dropdown-toggle:focus i { font-size: 12px; line-height: 0; margin-left: 5px; transition: 0.3s; } /* .navmenu>ul>li>a:before { content: ""; position: absolute; height: 2px; bottom: -6px; left: 0; background-color: #009DFF; visibility: hidden; width: 0px; transition: all 0.3s ease-in-out 0s; } .navmenu a:hover:before, .navmenu li:hover>a:before, .navmenu .active:before { visibility: visible; width: 100%; } */ /* .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus { color: color-mix(in srgb, #e5eaee 90%, white 15%); } .navmenu .dropdown ul { margin: 0; padding: 10px 0; background: #ffffff; display: block; position: absolute; visibility: hidden; left: 14px; top: 130%; opacity: 0; transition: 0.3s; border-radius: 4px; z-index: 99; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .navmenu .dropdown ul li { min-width: 200px; } .navmenu .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; color: #444444; } .navmenu .dropdown ul a i { font-size: 12px; } .navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a { color: #009DFF; } .navmenu .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; } .navmenu .dropdown .dropdown ul { top: 0; left: -90%; visibility: hidden; } .navmenu .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: -100%; visibility: visible; } */ } /* Mobile Navigation */ @media (max-width: 1199px) { .mobile-nav-toggle { color: #e5eaee; font-size: 28px; line-height: 0; margin-right: 10px; cursor: pointer; transition: color 0.3s; } .navmenu { padding: 0; z-index: 9997; } .navmenu ul { display: none; list-style: none; position: absolute; inset: 60px 20px 20px 20px; padding: 10px 0; margin: 0; border-radius: 6px; background-color: #ffffff; border: 1px solid color-mix(in srgb, #444444, transparent 90%); box-shadow: none; overflow-y: auto; transition: 0.3s; z-index: 9998; } .navmenu a, .navmenu a:focus { color: #444444; padding: 10px 20px; font-size: 17px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; transition: 0.3s; } /*white-space: nowrap; */ .navmenu a i, .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; background-color: color-mix(in srgb, #009DFF, transparent 90%); } .navmenu a i:hover, .navmenu a:focus i:hover { background-color: #009DFF; color: #ffffff; } .navmenu a:hover, .navmenu .active, .navmenu .active:focus { color: #009DFF; } .navmenu .active i, .navmenu .active:focus i { background-color: #009DFF; color: #ffffff; transform: rotate(180deg); } /* .navmenu .dropdown ul { position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background-color: #ffffff; transition: all 0.5s ease-in-out; } .navmenu .dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); } .navmenu .dropdown>.dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); } */ .mobile-nav-active { overflow: hidden; } .mobile-nav-active .mobile-nav-toggle { color: #fff; position: absolute; font-size: 32px; top: 15px; right: 15px; margin-right: 0; z-index: 9999; } .mobile-nav-active .navmenu { position: fixed; overflow: hidden; inset: 0; background: rgba(33, 37, 41, 0.8); transition: 0.3s; } .mobile-nav-active .navmenu>ul { display: block; } } /*-------------------------------------------------------------- # Navigation MEGA Menu --------------------------------------------------------------*/ @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } .navmenu .dropdown.dropdown-mega {position: static;} .navmenu .dropdown.dropdown-mega a.dropdown-toggle::after{content: none;} .navmenu .dropdown.dropdown-mega a.dropdown-toggle:focus, .navmenu .dropdown.dropdown-mega a.dropdown-toggle:hover{color: #009DFF;} .navmenu .dropdown.dropdown-mega .dropdown-menu {width: 100%;top: 70px!important;transform:none!important;z-index: 999; background-color: #fafafa;} .navmenu .dropdown.dropdown-mega .dropdown-menu.show {-webkit-animation: fadeIn 0.3s alternate;animation: fadeIn 0.3s alternate;}/* Safari 4.0 - 8.0 */ /*mega-menu-col*/ .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-1{padding: 20px 20px;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-2{padding: 20px 20px;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-3{padding: 20px 20px;} /* .main-header .navbar .navbar-nav li.box-4{display:none;} */ .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-1 h5, .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-2 h5, .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-3 h5{font-size: 16px;font-weight: 600;} /*mega-menu-card*/ .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .card{border: 0px;background: transparent;font-size: 12px;line-height: 16px;font-weight: 400;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .card img{width: 50px;height: 50px;border-radius: 50%;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .card .card-title{font-size: 14px;line-height: 20px;font-weight: 700;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content a.list-group-item{background: transparent;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content a.list-group-item i{padding: 10px 15px;background: rgba(0, 157, 255, 0.1);font-size: 24px;border-radius: 5px;margin-right: 10px;font-weight: 600;color: var(--bs-blue);width: 54px;height: 50px;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content a.list-group-item:hover{color: #0081d2;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content a.list-group-item:hover i{padding: 10px 15px;background: rgba(0, 157, 255, 1);font-size: 24px;border-radius: 5px;margin-right: 10px;font-weight: 600;color: var(--bs-white);} @media only screen and (min-width: 576px) and (max-width: 991.98px){.navmenu .dropdown.dropdown-mega .dropdown-menu{position: inherit!important;border: 0px;} .navmenu .dropdown.dropdown-mega .dropdown-menu.shadow{box-shadow:none!important;} /*mega-menu-col*/ .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-1{display: none;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-2{padding: 30px 0px;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-3{display: none;} /* .main-header .navbar .navbar-nav li.box-4{padding: 0px;Margin-top:40px;display: block;} .mobile-show{display: block;} .mobile-hide{display: none;} */ } @media (max-width: 575px){.navmenu .dropdown.dropdown-mega .dropdown-menu{position: inherit!important;border: 0px;} .navmenu .dropdown.dropdown-mega .dropdown-menu.shadow{box-shadow:none!important;} /*mega-menu-col*/ .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-1{display: none;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-2{padding: 20px 0px;} .navmenu .dropdown.dropdown-mega .dropdown-menu .mega-content .box-3{display: none;} /* .main-header .navbar .navbar-nav li.box-4{padding: 0px;Margin-top:40px;display: block;} .mobile-show{display: block;} .mobile-hide{display: none;} */ } /*-------------------------------------------------------------- # Global Footer --------------------------------------------------------------*/ .footer {background-color: rgb(25, 28, 37);color: rgb(235, 238, 240); font-size: 14px; position: relative; } .footer .footer-top { padding-top: 50px; border-top: 1px solid color-mix(in srgb, #ffffff, transparent 90%); } .footer .footer-about .logo { line-height: 1; margin-bottom: 25px; } .footer .footer-about .logo img { max-height: 40px; margin-right: 6px; } .footer .footer-about .logo span { font-size: 26px; font-weight: 700; letter-spacing: 1px; color: #ffffff; } .footer .footer-about p { font-size: 14px; } .footer .social-links a { display: flex; align-items: start; justify-content: left; width: 40px; height: 40px; border-radius: 50%; border: 0px solid color-mix(in srgb, #ffffff, transparent 50%); font-size: 16px; color: color-mix(in srgb, #ffffff, transparent 30%); margin-right: 2px; transition: 0.3s;text-decoration:none; } .footer .social-links a:hover { color: #009DFF; border-color: #009DFF; } .footer h4 { font-size: 16px; font-weight: bold; position: relative; padding-bottom: 12px;color: rgb(235, 238, 240); } .footer .footer-links { margin-bottom: 30px; } .footer .footer-links ul { list-style: none; padding: 0; margin: 0; } .footer .footer-links ul i { padding-right: 3px; font-size: 13px; line-height: 0; color: rgb(235, 238, 240); } .footer .footer-links ul li { padding: 10px 0; display: flex; align-items: center; } .footer .footer-links ul li:first-child { padding-top: 0; } .footer .footer-links ul a { color: color-mix(in srgb, #ffffff, transparent 30%); display: inline-block; line-height: 1; text-decoration:none;} .footer .footer-links ul a:hover { color: #009DFF;text-decoration:none; } .footer .footer-contact a { color: color-mix(in srgb, #ffffff, transparent 0%);text-decoration:none; } .footer .footer-contact p { margin-bottom: 5px; } .footer .footer-newsletter .newsletter-form { margin-top: 30px; margin-bottom: 15px; padding: 20px; position: relative; border-radius: 4px; border: 0px solid color-mix(in srgb, #ffffff, transparent 80%); display: flex; background-color: rgb(35, 39, 49); transition: 0.3s; } /* padding: 6px 8px;*/ .footer .footer-newsletter .newsletter-form:focus-within { border-color: #009DFF; } .footer .footer-newsletter .newsletter-form input[type=email] { border: 0; padding: 4px; width: 100%; background-color: rgb(35, 39, 49); color: #ffffff; } .footer .footer-newsletter .newsletter-form input[type=email]:focus-visible { outline: none; } .footer .footer-newsletter .newsletter-form input[type=submit] { border: 1px solid #ffffff; font-size: 16px; padding: 0 20px; margin: -7px -8px -7px 0; background: rgb(35, 39, 49); color: #ffffff; transition: 0.3s; border-radius: 4px 4px; } .footer .footer-newsletter .newsletter-form input[type=submit]:hover { background:#ffffff;color: #444444; } .footer .copyright { padding: 25px 0; border-top: 1px solid color-mix(in srgb, #ffffff, transparent 90%); } .footer .copyright p { margin-bottom: 0; } /* Floting menu */ .btn-grad1 {background-image: linear-gradient(to right, #4776E6 0%, #8E54E9 51%, #4776E6 100%)} .btn-grad1 {margin: 10px;padding: 15px 45px;text-align: center;transition: 0.5s;background-size: 200% auto; color: white;border-radius: 10px;display: block;text-decoration:none;} .btn-grad1:hover {background-position: right center;color: #fff;text-decoration: none;} /* change the direction of the change here */ .btn-grad2 {background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA 51%, #1FA2FF 100%)} .btn-grad2 {margin: 5px;padding: 5px 10px;text-align: center;transition: 0.5s;background-size: 200% auto;color: white;border-radius: 3px;display: block;text-decoration:none;} .btn-grad2:hover {background-position: right center; color: #fff;text-decoration: none;}/* change the direction of the change here */ .credits {font-family: sans-serif;font-size: 13px;position: fixed;bottom: 10px;right: 10px;z-index: 9999;} .credits .code-credits {background-color: rgba(0, 0, 0, .1);border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);color: rgba(255, 255, 255, .9);display: block;max-width: 256px;padding: 8px;} .credits .code-credits::after {content: "";display: block;clear: both;} .credits .code-credits img {border-radius: 4px;float: left;margin-right: 12px;width: 64px;height: auto;} .credits .code-credits > div {float: left;} .credits .code-credits .cc-name {font-weight: bold;font-size: 16px;} /*#endregion */