body[data-theme="dark"], .dark-bg, .dark-mode-texts { --bg: rgb(25,25,27); --bg-1: rgb(30,30,32); --bg-2: rgb(30,30,32); --bg-3: rgb(30,30,32); --bg-4: rgb(30,30,32); --bg-5: rgb(30,30,32); --bg-6: rgb(30,30,32); --color-headings: rgb(255,255,255); --color-texts: rgba(255,,,255,,,255,,,0.8); --color-texts-2: rgba(255,,,255,,,255,,,0.8); --border-color: rgb(49,61,85); --border-color-2: rgba(255,,,255,,,255,,,0.07); --border-color-3: rgba(255,,,255,,,255,,,0.07); --border-color-4: rgba(255,,,255,,,255,,,0.07); --border-color-5: rgba(255,,,255,,,255,,,0.07); }body[data-theme="light"], .light-bg, .light-mode-texts { --bg: rgb(255,255,255); --bg-1: rgb(233,247,254); --bg-2: rgb(245,250,253); --bg-3: rgb(247,248,250); --bg-4: rgb(248,250,254); --bg-5: rgb(248,251,255); --bg-6: rgb(247,249,252); --color-headings: rgb(29,41,63); --color-texts: rgb(124,128,135); --color-texts-2: rgb(59,70,86); --border-color: rgb(226,228,232); --border-color-2: rgb(210,228,237); --border-color-3: rgb(236,239,244); --border-color-4: rgb(59,70,86); --border-color-5: rgb(29,41,63); }body { --bg: rgb(255,255,255); --bg-1: rgb(233,247,254); --bg-2: rgb(245,250,253); --bg-3: rgb(247,248,250); --bg-4: rgb(248,250,254); --bg-5: rgb(248,251,255); --bg-6: rgb(247,249,252); --color-headings: rgb(29,41,63); --color-texts: rgb(124,128,135); --color-texts-2: rgb(59,70,86); --border-color: rgb(226,228,232); --border-color-2: rgb(210,228,237); --border-color-3: rgb(236,239,244); --border-color-4: rgb(59,70,86); --border-color-5: rgb(29,41,63); }.default-logo, .default-shape { display: block; }.light-version-logo, .light-shape { display: none; }.dark-version-logo, .dark-shape { display: none; }.light-version-logo.default-logo { display: block; }.dark-version-logo.default-logo { display: block; }body[data-theme="dark"] .dark-version-logo, body[data-theme="dark"] .dark-shape, .dark-mode-texts .dark-version-logo, .dark-mode-texts .dark-shape { display: block; }body[data-theme="dark"] .light-version-logo, .dark-mode-texts .light-version-logo { display: none; }body[data-theme="dark"] .light-version-logo.default-logo, .dark-mode-texts .light-version-logo.default-logo { display: none; }body[data-theme="dark"] .light-shape, .dark-mode-texts .light-shape { display: none; }body[data-theme="dark"] .light-shape.default-shape, .dark-mode-texts .light-shape.default-shape { display: none; }body[data-theme="dark"] .light-mode-texts .light-version-logo, body[data-theme="dark"] .light-mode-texts .light-shape, .dark-mode-texts .light-mode-texts .light-version-logo, .dark-mode-texts .light-mode-texts .light-shape { display: block; }body[data-theme="dark"] .light-mode-texts .dark-version-logo, .dark-mode-texts .light-mode-texts .dark-version-logo { display: none; }body[data-theme="dark"] .light-mode-texts .dark-version-logo.default-logo, .dark-mode-texts .light-mode-texts .dark-version-logo.default-logo { display: none; }body[data-theme="dark"] .light-mode-texts .dark-shape, .dark-mode-texts .light-mode-texts .dark-shape { display: none; }body[data-theme="dark"] .light-mode-texts .dark-shape.default-shape, .dark-mode-texts .light-mode-texts .dark-shape.default-shape { display: none; }body[data-theme="light"] .light-version-logo, body[data-theme="light"] .light-shape, .light-mode-texts .light-version-logo, .light-mode-texts .light-shape { display: block; }body[data-theme="light"] .dark-version-logo, .light-mode-texts .dark-version-logo { display: none; }body[data-theme="light"] .dark-version-logo.default-logo, .light-mode-texts .dark-version-logo.default-logo { display: none; }body[data-theme="light"] .dark-shape, .light-mode-texts .dark-shape { display: none; }body[data-theme="light"] .dark-shape.default-shape, .light-mode-texts .dark-shape.default-shape { display: none; }body[data-theme="light"] .dark-mode-texts .dark-version-logo, body[data-theme="light"] .dark-mode-texts .dark-shape, .light-mode-texts .dark-mode-texts .dark-version-logo, .light-mode-texts .dark-mode-texts .dark-shape { display: block; }body[data-theme="light"] .dark-mode-texts .light-version-logo, .light-mode-texts .dark-mode-texts .light-version-logo { display: none; }body[data-theme="light"] .dark-mode-texts .light-version-logo.default-logo, .light-mode-texts .dark-mode-texts .light-version-logo.default-logo { display: none; }body[data-theme="light"] .dark-mode-texts .light-shape, .light-mode-texts .dark-mode-texts .light-shape { display: none; }body[data-theme="light"] .dark-mode-texts .light-shape.default-shape, .light-mode-texts .dark-mode-texts .light-shape.default-shape { display: none; }.bg-default { background-color: initial; }.bg-default-1 { background-color: initial; }.bg-default-2 { background-color: initial; }.bg-default-3 { background-color: initial; }.bg-default-4 { background-color: initial; }.bg-default-5 { background-color: initial; }.bg-default-6 { background-color: initial; }.text-default-color {  }.text-default-color-2 {  }.heading-default-color {  }.border-default-color {  }.border-default-color-2 {  }.border-default-color-3 {  }@media (min-width: 992px) { .dark-mode-texts--desktops { --bg: rgb(25,25,27); --bg-1: rgb(30,30,32); --bg-2: rgb(30,30,32); --bg-3: rgb(30,30,32); --bg-4: rgb(30,30,32); --bg-5: rgb(30,30,32); --bg-6: rgb(30,30,32); --color-headings: rgb(255,255,255); --color-texts: rgba(255,,,255,,,255,,,0.8); --color-texts-2: rgba(255,,,255,,,255,,,0.8); --border-color: rgb(49,61,85); --border-color-2: rgba(255,,,255,,,255,,,0.07); --border-color-3: rgba(255,,,255,,,255,,,0.07); --border-color-4: rgba(255,,,255,,,255,,,0.07); --border-color-5: rgba(255,,,255,,,255,,,0.07); } }@media (min-width: 992px) { .header-btn { margin-left: 10px; } }.header-btn a { display: none; }@media (min-width: 360px) { .header-btn a { display: inline-flex; min-height: 35px; min-width: 120px; font-size: 14px; font-weight: 500; } }@media (min-width: 400px) { .header-btn a { min-height: 45px; min-width: 141px; font-size: 15px; } }@media (min-width: 576px) { .header-btn a { min-height: 45px; } }.header-btns .btn { min-width: 124px; height: 45px; font-size: 13px; letter-spacing: 0.26px; }.header-btn-devider { position: relative; z-index: 1; }.header-btn-devider:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 25px; width: 1px; background-color: initial; }@media (min-width: 992px) { .header-btn-devider:before { content: ""; } }.header-btn-devider.devider-pos-top:before { top: 0px; }.btn-close { position: absolute; top: 0; right: 0; font-size: 22px; width: 60px; height: 50px; display: flex; justify-content: center; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; background-color: transparent; background-image: initial; font-weight: 700; }.btn-close i { color: rgb(53, 54, 56); }.site-header--absolute { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }.site-header--sticky:not(.mobile-sticky-enable) { position: absolute !important; top: 0; right: 0; width: 100%; z-index: 999; }@media (min-width: 992px) { .site-header--sticky:not(.mobile-sticky-enable) { position: fixed !important; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.site-header--sticky:not(.mobile-sticky-enable).scrolling { transform: translateY(-100%); transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.site-header--sticky:not(.mobile-sticky-enable).reveal-header { transform: translateY(0%); box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1); z-index: 1000; } }.site-header--sticky.mobile-sticky-enable { top: 0; right: 0; width: 100%; z-index: 999; position: fixed !important; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.site-header--sticky.mobile-sticky-enable.scrolling { transform: translateY(-100%); transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.site-header--sticky.mobile-sticky-enable.reveal-header { transform: translateY(0%); box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1); z-index: 9999; }@media (min-width: 992px) { .site-header--menu-center .navbar-nav-wrapper { margin-left: auto; margin-right: auto; } }@media (min-width: 992px) { .site-header--menu-left .container-fluid .gr-megamenu-dropdown { left: 0%; transform: translateX(0%) translateY(10px); } }@media (min-width: 992px) { .site-header--menu-left .container-fluid .nav-item.dropdown:hover > .gr-megamenu-dropdown.center { transform: translateX(0%) translateY(-10px); left: 0%; } }.site-header--menu-left .navbar-nav-wrapper .navbar-nav { justify-content: flex-start; padding-left: 15px; }@media (min-width: 1200px) { .site-header--menu-left .navbar-nav-wrapper { width: 100%; } }.site-header--menu-right .navbar-nav-wrapper { margin-left: auto; }@media (min-width: 992px) { .site-header--menu-right > .container-fluid .gr-megamenu-dropdown { left: 100%; transform: translateX(-100%) translateY(10px); } }@media (min-width: 992px) { .site-header--menu-right > .container-fluid .nav-item.dropdown:hover > .gr-megamenu-dropdown.center { transform: translateX(-100%) translateY(-10px); left: 100%; } }.site-header--menu-logo-middle { display: flex; justify-content: space-between; width: 100%; }@media (min-width: 992px) { .site-header--menu-logo-middle .navbar-collapse { order: 1; flex-grow: 0; flex-shrink: 0; flex-basis: 45%; } }@media (min-width: 992px) { .site-header--menu-logo-middle .brand-logo { order: 2; flex-grow: 0; flex-shrink: 0; flex-basis: 10%; text-align: left; margin-top: 10px; } }@media (min-width: 992px) { .site-header--menu-logo-middle .header-btn { text-align: right; order: 3; flex-grow: 0; flex-shrink: 0; flex-basis: 45%; } }.single-div + .single-div:after { position: absolute; left: 0; top: 62px; bottom: 62px; width: 1px; content: ""; background-color: red; background-image: initial; }.single-div:after { position: absolute; right: 0; top: 62px; bottom: 62px; width: 1px; content: ""; background-color: red; background-image: initial; }.single-div:last-child:after { background-color: transparent; background-image: initial; }.header-cart { position: relative; font-size: 20px; margin-left: auto; margin-right: 15px; }@media (min-width: 992px) { .header-cart { margin-left: 10px; } }.header-cart span { height: 20px; width: 20px; font-size: 12px; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-right-radius: 500px; border-bottom-left-radius: 500px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); background-color: green; background-image: initial; color: rgb(255, 255, 255); }.dynamic-sticky-bg.reveal-header { background-color: initial; }.dark-cloud-sticky-bg.reveal-header { background-color: rgb(29, 41, 63); background-image: initial; }.sticky-bg-white.reveal-header { background-color: rgb(255, 255, 255); background-image: initial; }.sticky-bg-white.reveal-header { background-color: indigo; background-image: initial; }.sticky-bg-white.reveal-header { background-color: rgb(255, 255, 255); background-image: initial; }.notification-block { position: relative; }.notification-block .count { position: absolute; top: 0; right: 0; margin-top: -4px; margin-right: -5px; }.show-gr-dropdown .gr-menu-dropdown { top: 110%; }.show-gr-dropdown .gr-menu-dropdown.dropdown-right { right: 0; left: auto; }.show-gr-dropdown .gr-menu-dropdown.dropdown-left { left: 0; right: auto; }.show-gr-dropdown:hover .gr-menu-dropdown, .show-gr-dropdown.show .gr-menu-dropdown { opacity: 1; top: 95%; pointer-events: visible; }.main-menu {  }@media (min-width: 992px) { .main-menu { display: flex; justify-content: flex-end; } }.main-menu .gr-toggle-arrow { display: flex; align-items: center; justify-content: space-between; }.main-menu .gr-toggle-arrow:after { display: none; }.main-menu .gr-toggle-arrow i { font-size: 24px; width: auto; line-height: 1; height: auto; font-weight: 900; margin-left: 5px; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.main-menu .gr-toggle-arrow:hover i { transform: rotate(-180deg); }.main-menu > li > .nav-link { font-size: 16px; text-transform: capitalize; font-weight: 300; position: relative; }@media (min-width: 992px) { .main-menu > li > .nav-link { padding-top: 16px !important; padding-bottom: 16px !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 18px !important; margin-right: 18px !important; } }.main-menu > li > .nav-link:hover:before { transform: scaleX(1); }@media (min-width: 992px) { .main-menu > li > .nav-link.gr-toggle-arrow { padding-right: 30px !important; }.main-menu > li > .nav-link.gr-toggle-arrow:before {  }.main-menu > li > .nav-link.gr-toggle-arrow i { position: absolute; right: -2px; } }.main-menu > li.active > .nav-link:before { transform: scaleX(1); }.main-menu > li:hover > .gr-toggle-arrow i { transform: rotate(-180deg); }.gr-menu-dropdown { background-color: transparent; }@media (min-width: 992px) { .gr-menu-dropdown { position: absolute; min-width: 227px; max-width: 227px; box-shadow: 0 52px 54px rgba(65, 62, 101, 0.3); border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-color: rgb(34, 176, 252); border-top-style: solid; border-top-width: 3px; border-right-color: initial; border-right-style: solid; border-right-width: 1px; border-bottom-color: initial; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial; border-left-style: solid; border-left-width: 1px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; top: 100%; z-index: -99; opacity: 0; transition-property: opacity, top; transition-duration: 0.4s, 0.4s; pointer-events: none; left: 0; right: auto; background-color: rgb(255, 255, 255); display: block; } }.gr-menu-dropdown > .drop-menu-item { color: rgb(0, 0, 0); font-size: 16px; text-transform: capitalize; font-weight: 300; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; }@media (min-width: 992px) { .gr-menu-dropdown > .drop-menu-item { padding-right: 30px; } }.gr-menu-dropdown > .drop-menu-item > a { color: inherit; }@media (min-width: 992px) { .gr-menu-dropdown > .drop-menu-item > a { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; } }.gr-menu-dropdown > .drop-menu-item:hover > a { color: rgb(34, 176, 252); }.gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown { border-top-color: green; }@media (min-width: 992px) { .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown { top: 10px; left: auto; right: 0; opacity: 0; transform: translateX(110%); transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; pointer-events: none; } }@media (min-width: 380px) { .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown > .drop-menu-item { padding-left: 25px; padding-right: 25px; } }@media (min-width: 992px) { .gr-menu-dropdown > .drop-menu-item > .gr-menu-dropdown > .drop-menu-item { padding-left: 30px; padding-right: 30px; } }.gr-menu-dropdown.dropdown-right { left: auto; right: -90%; }@media (min-width: 992px) { .gr-menu-dropdown.dropdown-left { left: 0 !important; right: auto !important; transform: translateX(-110%) !important; } }@media (min-width: 992px) { .nav-item.dropdown { position: relative; z-index: 99; } }@media (min-width: 992px) { .nav-item.dropdown:hover > .gr-menu-dropdown { top: 90%; opacity: 1; pointer-events: visible; } }@media (min-width: 992px) { .nav-item.dropdown:hover > .gr-megamenu-dropdown.center { transform: translateX(-50%) translateY(-10px); z-index: 99; opacity: 1; pointer-events: visible; } }@media (min-width: 992px) { .nav-item.dropdown:hover > .gr-megamenu-dropdown-2, .nav-item.dropdown:hover.triangle-shape:after, .nav-item.dropdown:hover.triangle-shape:before { transform: translateX(-50%) translateY(-10px); z-index: 99; opacity: 1; pointer-events: visible; } }.drop-menu-item.dropdown { position: relative; }.drop-menu-item.dropdown > .gr-toggle-arrow i { transform: rotate(-90deg); }@media (min-width: 992px) { .drop-menu-item.dropdown:hover > .gr-menu-dropdown { top: 10px; opacity: 1; pointer-events: visible; transform: translateX(100%); }.drop-menu-item.dropdown:hover > .gr-menu-dropdown.dropdown-left { transform: translateX(-100%) !important; } }.nav-item.dropdown.dropdown-mega { z-index: 1; }@media (min-width: 992px) { .nav-item.dropdown.dropdown-mega { position: static; } }.gr-megamenu-dropdown { background-color: transparent; }@media (min-width: 992px) { .gr-megamenu-dropdown { background-color: rgb(255, 255, 255); } }.gr-megamenu-dropdown .dropdown-image-block { max-height: 336px; }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown { border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; } }@media (min-width: 992px) { .gr-megamenu-dropdown { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; min-width: 925px; left: 50%; transform: translateX(-50%) translateY(10px); top: 100%; z-index: -99; opacity: 0; pointer-events: none; transition-property: opacity, transform; transition-duration: 0.4s, 0.4s; box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09); border-top-color: rgb(231, 233, 237); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(231, 233, 237); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(231, 233, 237); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(231, 233, 237); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } }@media (min-width: 1200px) { .gr-megamenu-dropdown { min-width: 1100px; } }.gr-megamenu-dropdown .single-dropdown-block .mega-drop-menu-item { padding-top: 14px; padding-bottom: 14px; display: block; }.gr-megamenu-dropdown .mega-drop-menu-item { padding-top: 2.5px; padding-bottom: 2.5px; font-size: 13px; font-weight: 700; text-transform: uppercase; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown .mega-drop-menu-item { border-top-color: initial; border-top-style: solid; border-top-width: 1px; padding-left: 20px; padding-bottom: 13px; padding-top: 13px; } }@media (min-width: 992px) { .gr-megamenu-dropdown .mega-drop-menu-item { padding-left: 10px; padding-right: 10px; }.gr-megamenu-dropdown .mega-drop-menu-item:hover { color: rgb(34, 176, 252) !important; } }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown [class*="col-"] { padding-left: 0; padding-right: 0; }.gr-megamenu-dropdown [class*="row-"] { margin-left: 0; margin-right: 0; } }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown-2 { border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; } }@media (min-width: 992px) { .gr-megamenu-dropdown-2 { box-shadow: 0 52px 54px rgba(65, 62, 101, 0.3); padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; min-width: 956px; left: 50%; top: 100%; transform: translateX(-50%) translateY(10px); z-index: -99; opacity: 0; pointer-events: none; transition-property: opacity, transform; transition-duration: 0.4s, 0.4s; border-top-color: rgb(231, 233, 237); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(231, 233, 237); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(231, 233, 237); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(231, 233, 237); border-left-style: solid; border-left-width: 1px; } }@media (min-width: 1200px) { .gr-megamenu-dropdown-2 { min-width: 1100px; } }.gr-megamenu-dropdown-2 .single-dropdown-block .mega-drop-menu-item { padding-top: 10px; padding-bottom: 10px; display: block !important; }.gr-megamenu-dropdown-2 .mega-drop-menu-item { padding-top: 2.5px; padding-bottom: 2.5px; font-size: 15px; font-weight: 700; }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown-2 .mega-drop-menu-item { border-top-color: initial; border-top-style: solid; border-top-width: 1px; padding-left: 20px; padding-bottom: 13px; padding-top: 13px; } }@media (min-width: 992px) { .gr-megamenu-dropdown-2 .mega-drop-menu-item { padding-left: 20px; padding-right: 25px; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-right-radius: 11px; border-bottom-left-radius: 11px; }.gr-megamenu-dropdown-2 .mega-drop-menu-item:hover { background-color: rgb(244, 247, 250); background-image: initial; } }@media (min-width: 992px) { .gr-megamenu-dropdown-2 .mega-drop-menu-item:hover { color: rgb(34, 176, 252) !important; } }.gr-megamenu-dropdown-2 .mega-drop-menu-item .single-menu-title { margin-bottom: 3px; }.gr-megamenu-dropdown-2 .mega-drop-menu-item p { margin-bottom: 0; font-weight: normal; }@media (min-width: 320px) AND (max-width: 992px) { .gr-megamenu-dropdown-2 [class*="col-"] { padding-left: 0; padding-right: 0; }.gr-megamenu-dropdown-2 [class*="row-"] { margin-left: 0; margin-right: 0; } }.dropdown-mega.triangle-shape { position: relative; }.dropdown-mega.triangle-shape:before { position: absolute; bottom: -7px; right: -2px; border-top-color: transparent; border-top-style: solid; border-top-width: 15px; border-right-color: transparent; border-right-style: solid; border-right-width: 15px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 15px; border-left-color: transparent; border-left-style: solid; border-left-width: 15px; transform: translateX(-50%) translateY(10px); z-index: 100 !important; opacity: 0; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; pointer-events: none !important; }@media (min-width: 992px) { .dropdown-mega.triangle-shape:before { content: ""; } }.dropdown-mega.triangle-shape:after { position: absolute; bottom: -4px; right: 0; border-top-color: transparent; border-top-style: solid; border-top-width: 14px; border-right-color: transparent; border-right-style: solid; border-right-width: 14px; border-bottom-color: rgb(231, 233, 237); border-bottom-style: solid; border-bottom-width: 14px; border-left-color: transparent; border-left-style: solid; border-left-width: 14px; transform: translateX(-50%) translateY(10px); z-index: 99 !important; opacity: 0; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; pointer-events: none !important; }@media (min-width: 992px) { .dropdown-mega.triangle-shape:after { content: ""; } }@media (min-width: 992px) { .offcanvas-active.navbar-expand-lg .btn-close-off-canvas { display: none; } }@media (min-width: 320px) AND (max-width: 992px) { .offcanvas-active.navbar-expand-lg .navbar-collapse { display: block; position: fixed; top: 0; background-color: initial; left: -100%; padding-left: 20px; padding-right: 20px; height: 100%; transition-property: left; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; z-index: 999999; box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09); padding-top: 50px; width: 250px; overflow-y: auto; } }@media (min-width: 320px) AND (max-width: 992px) AND (min-width: 380px) { .offcanvas-active.navbar-expand-lg .navbar-collapse { width: 300px; } }@media (min-width: 320px) AND (max-width: 992px) AND (min-width: 576px) { .offcanvas-active.navbar-expand-lg .navbar-collapse { width: 350px; } }@media (min-width: 320px) AND (max-width: 992px) { .offcanvas-active.navbar-expand-lg .navbar-collapse.show { left: 0%; }.offcanvas-active.navbar-expand-lg .navbar-collapse.show ~ .btn-close-off-canvas .icon-burger { display: block; }.offcanvas-active.navbar-expand-lg .navbar-collapse.collapsing { transition-property: height; transition-duration: 0s; transition-timing-function: initial; transition-delay: initial; height: 100%; }.offcanvas-active.navbar-expand-lg .navbar-collapse:scrollbar { width: 8px; }.offcanvas-active.navbar-expand-lg .navbar-collapse:scrollbar-track { background-color: rgb(255, 255, 255); background-image: initial; }.offcanvas-active.navbar-expand-lg .navbar-collapse:scrollbar-thumb { background-color: rgb(34, 176, 252); outline-color: slategrey; outline-style: solid; outline-width: 1px; }.offcanvas-active.navbar-expand-lg .btn-close-off-canvas .icon-burger { display: block; }.offcanvas-active.navbar-expand-lg .main-menu > li { padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: initial; border-bottom-style: solid; border-bottom-width: 1px; }.offcanvas-active.navbar-expand-lg .main-menu > li > .nav-link { padding-bottom: 13px; padding-top: 13px; }.offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown { border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; min-width: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }.offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li { padding-top: 0; padding-bottom: 0; border-top-color: initial; border-top-style: solid; border-top-width: 1px; padding-left: 20px; }.offcanvas-active.navbar-expand-lg .main-menu > li .gr-menu-dropdown > li a { padding-top: 13px; padding-bottom: 13px; }.offcanvas-active.navbar-expand-lg .main-menu > li:last-child { border-bottom-color: transparent; }.offcanvas-active.navbar-expand-lg .main-menu li i { margin-left: 8px; position: relative; top: 3px; }.offcanvas-active.navbar-expand-lg .main-menu li:hover > a { color: rgb(34, 176, 252); }.offcanvas-active.navbar-expand-lg .main-menu a { display: flex; } }.navbar-toggler {  }.hamburger-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }.hamburger-icon .hamburger { font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; display: inline-block; overflow-x: visible; overflow-y: visible; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; transition-duration: 0.15s; transition-property: opacity, filter; text-transform: none; color: inherit; border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; background-color: transparent; }.hamburger-icon .hamburger .hamburger-box { position: relative; display: inline-block; width: 20px; height: 15px; }.hamburger-icon .hamburger .hamburger-box .hamburger-inner { transition-duration: 0.15s; position: absolute; transition-timing-function: ease; transition-property: transform; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; top: 50%; display: block; margin-top: -2px; width: 20px; height: 3px; }.hamburger-icon .hamburger .hamburger-box .hamburger-inner:before { top: -6px; transition-property: top, opacity; transition-duration: 75ms, 75ms; transition-timing-function: ease, ease; }.hamburger-icon .hamburger .hamburger-box .hamburger-inner:after { bottom: -6px; }.hamburger-icon .hamburger .hamburger-box .hamburger-inner:after, .hamburger-icon .hamburger .hamburger-box .hamburger-inner:before { display: block; content: ""; position: absolute; width: 20px; height: 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner:after { bottom: 0; transform: rotate(-90deg); }.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner:before { top: 0; transition-property: top, opacity !important; transition-duration: 75ms, 75ms !important; transition-timing-function: ease, ease !important; opacity: 0; }.hamburger-icon[aria-expanded="true"] .hamburger .hamburger-box .hamburger-inner { transition-delay: 0.12s; transform: rotate(45deg); }.hamburger-icon:focus { outline-style: none; box-shadow: none; }.offcanvas-btn-close { position: absolute; top: 0; right: 0; font-size: 22px; width: 60px; height: 50px; display: flex; justify-content: center; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; background-color: transparent; background-image: initial; font-weight: 700; }.offcanvas-btn-close i {  }.gr-cross-icon { transition-duration: 0.15s; position: absolute; transition-timing-function: ease; transition-property: transform; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; top: 50%; display: block; margin-top: -2px; height: 0px; width: 0px; left: 50%; transform: translateX(-6.5px) rotate(45deg); }.gr-cross-icon:before { top: 0; transition-property: top, opacity; transition-duration: 75ms, 75ms; transition-timing-function: ease, ease; }.gr-cross-icon:after { bottom: -3px; transform: rotate(-90deg); }.gr-cross-icon:after, .gr-cross-icon:before { display: block; content: ""; position: absolute; width: 20px; height: 3px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }.btn { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-size: 16px; font-weight: 500; height: 65px; min-width: 193px; line-height: 28px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; display: inline-flex; align-items: center; justify-content: center; }.btn.btn-sm { min-width: 125px; height: 45px; }.btn.btn-sm-2 { min-width: 131px; height: 60px; font-size: 16px; }.btn.btn-medium { min-width: 158px; height: 45px; font-size: 13px; }.btn.btn-lg { min-width: 172px; height: 50px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }.btn.btn-xl { min-width: 180px; height: 60px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }.btn.header-btn { min-width: 191px; height: 55px; }.btn.btn-2 { min-width: 217px; height: 55px; }.btn.btn-3 { min-width: 200px; height: 55px; }.btn.header-btn-2 { width: 170px; height: 45px !important; font-size: 13px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }.btn.with-icon i { margin-left: -5px; margin-right: 3px; font-size: 16px; margin-top: 2px; }.btn-reset { background-color: transparent; background-image: initial; border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; }.btn-link { color: rgb(140, 151, 172); font-size: 16px; font-weight: 500; }.btn-link-with-underline { text-decoration-line: underline; }[data-theme="dark"] .btn-outline-dark-cloud.darkmode-btn, .dark-mode-texts .btn-outline-dark-cloud.darkmode-btn { border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; color: rgb(255, 255, 255); }[data-theme="dark"] .btn-outline-dark-cloud.darkmode-btn:hover, .dark-mode-texts .btn-outline-dark-cloud.darkmode-btn:hover { background-color: rgb(255, 255, 255); color: rgb(29, 41, 63); }.check-input-control { margin-bottom: 20px; }.check-input-control input:checked ~ .checkbox { background-color: rgb(15, 83, 250) !important; background-image: initial !important; border-top-color: rgb(15, 83, 250); border-right-color: rgb(15, 83, 250); border-bottom-color: rgb(15, 83, 250); border-left-color: rgb(15, 83, 250); }.check-input-control input:checked ~ .checkbox:after { border-top-color: rgb(15, 83, 250); border-right-color: rgb(15, 83, 250); border-bottom-color: rgb(15, 83, 250); border-left-color: rgb(15, 83, 250); background-color: rgb(15, 83, 250); content: ""; font-family: "Grayic"; color: rgb(255, 255, 255); font-size: 11px; text-align: center; line-height: 15px; font-weight: 700; }.check-input-control .checkbox { position: relative; line-height: 1; min-width: 19px; max-width: 19px; min-height: 19px; max-height: 19px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-color: rgb(226, 228, 232); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(226, 228, 232); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(226, 228, 232); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(226, 228, 232); border-left-style: solid; border-left-width: 1px; display: inline-block; cursor: pointer; }.check-input-control .checkbox:after { content: ""; color: rgb(0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-color: rgb(226, 228, 232); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(226, 228, 232); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(226, 228, 232); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(226, 228, 232); border-left-style: solid; border-left-width: 1px; background-color: rgb(255, 255, 255); }.focus-reset:focus { box-shadow: none; outline-style: none; }@media (min-width: 992px) { .search-form-one .filter-search-form-2 { height: 107px; } }@media (min-width: 992px) { .search-form-one .form-control { margin-left: 13px; } }.search-form-one .form-icon { position: absolute; left: 4%; top: 50%; transform: translateY(-50%); }@media (min-width: 992px) { .search-form-one .form-icon { left: 6%; } }.search-form-one .border-top-dotted { border-top-color: rgb(226, 228, 232); border-top-style: dotted; border-top-width: 2px; }@media (min-width: 480px) { .search-form-one .border-top-dotted { border-top-color: initial; border-top-style: none; border-top-width: initial; } }@media (min-width: 992px) { .search-form-one .hero-search-select { padding-left: 20px; margin-right: 15px; } }.search-form-one .hero-search-select .current { font-size: 16px; font-weight: 400; padding-left: 50px; margin-left: -20px; margin-top: 4px; }@media (min-width: 480px) { .search-form-one .hero-search-select .current { border-left-color: rgb(226, 228, 232); border-left-style: dotted; border-left-width: 3px; } }.search-form-one .hero-search-select .form-icon { left: 20px; }@media (min-width: 992px) { .search-form-one .hero-search-select .form-icon { left: 10px; } }.search-form-one .hero-search-select .list { width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 12px; }.search-form-one .hero-search-select .list li { padding-top: 5px; padding-right: 25px; padding-bottom: 5px; padding-left: 25px; transition-duration: 0.4s; }.search-form-one .hero-search-select .list li:hover { background-color: rgb(34, 176, 252); color: rgb(255, 255, 255); }.search-form-one .hero-search-select:after { margin-right: 20px; width: 10px; height: 10px; border-top-color: rgb(29, 41, 63); border-right-color: rgb(29, 41, 63); border-bottom-color: rgb(29, 41, 63); border-left-color: rgb(29, 41, 63); }.search-form-one .btn-hero-btn { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }@media (min-width: 992px) { .search-form-one .btn-hero-btn { min-width: 288px; height: 107px; } }.subscribe-inline-form { position: relative; }.subscribe-inline-form .form-group { display: flex; align-items: center; margin-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }@media (min-width: 480px) { .subscribe-inline-form .form-group { min-height: 107px; } }.subscribe-inline-form .form-group label { margin-bottom: 0 !important; margin-left: 17px; }.subscribe-inline-form .form-group label i { margin-left: 20px; margin-top: 6px; font-size: 21px; }.subscribe-inline-form .form-control { padding-left: 20px; padding-right: 20px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(140, 151, 172); }@media (min-width: 480px) { .subscribe-inline-form .form-control { padding-right: 105px; min-height: 107px; } }.subscribe-inline-form .form-group { min-height: 65px; }.subscribe-inline-form button { background-color: rgb(34, 176, 252); background-image: initial; font-weight: 500; padding-left: 18px; padding-right: 18px; width: 100%; }@media (min-width: 480px) { .subscribe-inline-form button { margin-top: 0; min-height: 107px; min-width: 160px; position: absolute; top: 0px; right: 0; width: inherit; } }.subscribe-inline-form-2 { position: relative; }.subscribe-inline-form-2 .form-group { display: flex; align-items: center; margin-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }@media (min-width: 480px) { .subscribe-inline-form-2 .form-group { min-height: 73px; } }.subscribe-inline-form-2 .form-group label { margin-bottom: 0 !important; }.subscribe-inline-form-2 .form-group label i { margin-left: 20px; margin-top: 6px; font-size: 21px; font-weight: 700; color: rgb(140, 151, 172); }.subscribe-inline-form-2 .form-control { padding-left: 20px; padding-right: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; min-height: 63px; color: rgb(140, 151, 172); }@media (min-width: 480px) { .subscribe-inline-form-2 .form-control { padding-right: 105px; min-height: 73px; } }.subscribe-inline-form-2 button { font-weight: 500; padding-left: 18px; padding-right: 18px; width: 100%; min-height: 63px !important; }@media (min-width: 480px) { .subscribe-inline-form-2 button { min-width: 160px; position: absolute; top: 4px; right: 4px; width: inherit; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } }.newsletter-3 { display: flex; align-items: center; justify-content: space-between; height: 55px; }.newsletter-3 .form-group { background-color: rgb(255, 255, 255); background-image: initial; display: flex; align-items: center; width: 100%; height: 100%; margin-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }.newsletter-3 .form-group label { margin-left: 20px; margin-bottom: 0; margin-top: 3px; }.newsletter-3 .form-group label i { font-weight: 700; color: rgb(140, 151, 172); }.newsletter-3 .form-group input { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; padding-left: 18px; color: rgb(140, 151, 172); }.newsletter-3 button { min-width: 107px !important; height: 55px !important; margin-left: 5px; }@media (min-width: 992px) { .top-contact-info .border-md-right { border-right-color: rgb(236, 239, 244); border-right-style: solid; border-right-width: 1px; } }.contact textarea { min-height: 222px; }.text-placeholder-bali-gray:placeholder { color: rgb(140, 151, 172); }.text-placeholder-bali-gray:input-placeholder { color: rgb(140, 151, 172); }.text-placeholder-bali-gray:placeholder { color: rgb(140, 151, 172); }[data-pricing-dynamic][data-value-active="yearly"] .dynamic-value:before { display: inline-block; content: data-yearly; }[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger] { background-color: rgb(34, 176, 252); background-image: initial; }[data-pricing-dynamic][data-value-active="yearly"] [data-pricing-trigger] span {  }[data-pricing-dynamic][data-value-active="monthly"] .dynamic-value:before { display: inline-block; content: data-monthly; }.dynamic-value:before { display: inline-block; content: data-active; }.static-value:before { display: inline-block; content: data-active; }.btn-toggle { width: 72px; height: 33px; border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; background-color: rgb(234, 233, 242) !important; position: relative; margin-top: 0; margin-right: 15px; margin-bottom: 0; margin-left: 15px; border-top-color: rgb(255, 209, 102); border-top-style: solid; border-top-width: 3px; border-right-color: rgb(255, 209, 102); border-right-style: solid; border-right-width: 3px; border-bottom-color: rgb(255, 209, 102); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(255, 209, 102); border-left-style: solid; border-left-width: 3px; }.btn-toggle span { width: 21px; height: 21px; background-color: rgb(255, 255, 255); position: absolute; left: 5px; top: 6px; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-right-radius: 500px; border-bottom-left-radius: 500px; pointer-events: none; }.btn-toggle[data-value-active="yearly"] { background-color: rgb(255, 209, 102) !important; }.btn-toggle[data-value-active="yearly"] span {  }.btn-toggle-square { height: 55px; display: inline-flex; align-items: center; position: relative; z-index: 1; padding-top: 1.5px; padding-bottom: 2px; padding-left: 2px !important; padding-right: 2px !important; }@media (min-width: 768px) { .btn-toggle-square { padding-top: 2.2px; } }.btn-toggle-square span { min-width: 100px; min-height: 100%; font-size: 16px; font-weight: 500; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: initial; }.btn-toggle-square span:first-child { border-top-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 10px; }.btn-toggle-square span:nth-child(+2) { border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; }.btn-toggle-square span.active { color: rgb(0, 0, 0); background-color: transparent; background-image: initial; }@media (min-width: 576px) { .btn-toggle-square span { min-width: 160px; } }.slick-slide {  }.l1-category-slider .slick-arrow { border-top-color: rgb(34, 176, 252); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(34, 176, 252); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(34, 176, 252); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(34, 176, 252); border-left-style: solid; border-left-width: 1px; color: rgb(34, 176, 252); background-color: transparent; background-image: initial; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; min-width: 53px; max-width: 53px; min-height: 53px; max-height: 53px; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; font-size: 40px; display: inline-flex; align-items: center; justify-content: center; transition-duration: 500ms; }@media (min-width: 768px) { .l1-category-slider .slick-arrow { top: -130px; right: 210px; transform: translateX(0); } }@media (min-width: 992px) { .l1-category-slider .slick-arrow { top: -180px; } }.l1-category-slider .slick-arrow:focus { box-shadow: none; outline-style: none; }.l1-category-slider .slick-arrow:hover { background-color: rgb(34, 176, 252); background-image: initial; color: rgb(255, 255, 255); display: inline-flex; box-shadow: 0 32px 84px rgba(14, 86, 124, 0.17); }.l1-category-slider .slick-arrow .slick-next { right: 55%; }@media (min-width: 768px) { .l1-category-slider .slick-arrow .slick-next { right: 280px; } }@media (min-width: 992px) { .testimonial-one { width: 140%; } }.testimonial-one .slick-dots { list-style-type: none; list-style-image: none; display: flex; margin-top: 40px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }@media (min-width: 992px) { .testimonial-one .slick-dots { margin-top: 60px; } }.testimonial-one .slick-dots li { background-color: rgb(226, 228, 232); width: 33px; height: 4px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.testimonial-one .slick-dots li:focus { outline-style: none; box-shadow: none; }.testimonial-one .slick-dots li.slick-active { background-color: rgb(37, 138, 255); }.testimonial-one .slick-dots li button { background-color: transparent; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: transparent; }.testimonial-one .slick-dots li button:focus { outline-style: none; box-shadow: none; }.testimonial-one-button button { background-color: transparent; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; font-size: 24px; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; color: rgb(226, 228, 232); }.testimonial-one-button button:focus { outline-style: none; box-shadow: none; }.testimonial-one-button button:hover { color: rgb(37, 138, 255); }.l3-feature-slider .single-feature { opacity: 0.3; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }@media (min-width: 768px) { .l3-feature-slider .single-feature { opacity: 1; } }@media (min-width: 1200px) { .l3-feature-slider .single-feature { opacity: 0.3; } }.l3-feature-slider .single-feature.slick-active { opacity: 1; }@media (min-width: 1200px) { .l4-tab-slider .slick-track { transform: translate3d(0px, 0px, 0px) !important; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } }.l4-tab-slider .single-tab { transition-duration: 0.4s; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 2px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; height: 75px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; opacity: 0.3; cursor: pointer; }.l4-tab-slider .single-tab:hover { border-bottom-color: rgb(34, 176, 252); border-bottom-style: solid; border-bottom-width: 2px; }.l4-tab-slider .single-tab img { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; max-width: 129px; }.l4-tab-slider .single-tab.slick-current { opacity: 1 !important; }.l5-slider-dots .slick-track { transform: translate3d(0px, 0px, 0px) !important; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }.l5-slider-dots .single-img { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; opacity: 0.5; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.l5-slider-dots .single-img:focus { outline-style: none; box-shadow: none; }.l5-slider-dots .single-img img { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }.l5-slider-dots .single-img.slick-current { opacity: 1; }.screenshot-slider-wrapper { position: relative; margin-top: 20px; }.screenshots-dots .slick-dots { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: flex; align-items: center; justify-content: center; }.screenshots-dots .slick-dots li { list-style-type: none; list-style-image: none; display: flex; align-items: center; margin-top: 0; margin-right: 4.5px; margin-bottom: 0; margin-left: 4.5px; }.screenshots-dots .slick-dots li button { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; list-style-type: none; list-style-image: none; width: 11px; height: 11px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(247, 249, 252); color: transparent; opacity: 0.2; }.screenshots-dots .slick-dots li button:focus { outline-style: none; box-shadow: none; }.screenshots-dots .slick-dots li.slick-active { background-color: rgb(255, 209, 102) !important; width: 11px; height: 11px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.screenshot-image { display: flex; align-items: center; justify-content: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; overflow-x: hidden; overflow-y: hidden; min-height: 720px !important; max-height: 720px !important; }@media (min-width: 690px) { .screenshot-image { width: 283px; min-height: 720px !important; max-height: 720px !important; margin-bottom: 18.5px; } }@media (min-width: 690px) { .screenshot-image img { width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } }.phone-bg-img { position: absolute; left: 50%; top: 50%; z-index: 11; display: none; }@media (min-width: 690px) { .phone-bg-img { display: block; transform: translate(-50%, -50%); } }.screenshot-slider .slick-list { margin-top: 0; margin-right: -23.5px; margin-bottom: 0; margin-left: -23.5px; }.screenshot-slider .slick-slide { opacity: 0.5; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.screenshot-slider .slick-center { opacity: 1; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; max-height: 720px !important; transform: scale(1.1); min-height: 690px; }.screenshot-slider .slick-center img { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; }.l6-testimonial .slick-dots { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 55px; margin-right: 0; margin-bottom: 0; margin-left: 0; display: flex; align-items: center; justify-content: center; }.l6-testimonial .slick-dots li { list-style-type: none; list-style-image: none; display: flex; align-items: center; margin-top: 0; margin-right: 4.5px; margin-bottom: 0; margin-left: 4.5px; }.l6-testimonial .slick-dots li button { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; list-style-type: none; list-style-image: none; width: 11px; height: 11px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(29, 41, 63); color: transparent; opacity: 0.2; }[data-theme="dark"] .l6-testimonial .slick-dots li button, .dark-mode-texts .l6-testimonial .slick-dots li button { background-color: rgb(247, 249, 252); }.l6-testimonial .slick-dots li button:focus { outline-style: none; box-shadow: none; }.l6-testimonial .slick-dots li.slick-active { background-color: rgb(106, 38, 218); width: 11px; height: 11px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }[data-theme="dark"] .l6-testimonial .slick-dots li.slick-active, .dark-mode-texts .l6-testimonial .slick-dots li.slick-active { background-color: rgb(106, 38, 218); opacity: 1; }.l1-content-image-group-1 { position: relative; margin-right: 74px; }.l1-content-image-group-1 .abs-img-1 { position: absolute; left: 0px !important; top: -33px; z-index: -1; width: 33%; }@media (min-width: 480px) { .l1-content-image-group-1 .abs-img-1 { left: -25px !important; } }@media (min-width: 992px) { .l1-content-image-group-1 .abs-img-1 { left: -30px !important; } }@media (min-width: 1200px) { .l1-content-image-group-1 .abs-img-1 { left: -50px !important; } }.l1-content-image-group-1 .l1-content-card-1 { position: absolute; width: 363px; bottom: 30%; right: 0; z-index: 1; transform: scale(0.6) !important; margin-right: -100px; }@media (min-width: 480px) { .l1-content-image-group-1 .l1-content-card-1 { transform: scale(0.7) !important; } }@media (min-width: 768px) { .l1-content-image-group-1 .l1-content-card-1 { margin-right: -74px; transform: scale(0.8) !important; } }@media (min-width: 1200px) { .l1-content-image-group-1 .l1-content-card-1 { transform: scale(1) !important; } }.l1-content-image-group-1 .l1-content-card-1 .abs-card-icon { position: absolute; right: -5%; top: -10%; }.l1-content-image-group-1 .abs-content { z-index: 2; }.l1-content-image-group-1 .abs-content .border-bottom-dotted { border-bottom-color: rgb(226, 228, 232); border-bottom-style: dotted; border-bottom-width: 3px; }.l1-content-image-group-1 .abs-content:after { content: ""; position: absolute; background-image: url("/image/home-1/png/rectangle.png"); left: 0; bottom: -35px; width: 100%; height: 45px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 363px; border-top-color: transparent; border-top-style: solid; border-top-width: 0; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 30px; z-index: 0; }.footer-yellow-shape-img { position: absolute; left: 0; bottom: 0; transform: translate(-70%, 50%) scale(0.5); }@media (min-width: 1600px) { .footer-yellow-shape-img { transform: translate(-70%, 50%) scale(1); } }.l2-hero-image-group { position: relative; height: 320px; transform: translateX(30%); margin-bottom: 40px; }@media (min-width: 480px) { .l2-hero-image-group { transform: translateX(-20%); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } }@media (min-width: 992px) { .l2-hero-image-group { transform: translateX(50%); height: 480px; margin-left: 0; margin-bottom: 0; } }@media (min-width: 1366px) { .l2-hero-image-group { margin-left: 150px; } }.l2-hero-image-group .img-1 { z-index: -1; transform: scale(0.6) translateX(50%); }@media (min-width: 576px) { .l2-hero-image-group .img-1 { transform: scale(0.6) translateX(30%); } }@media (min-width: 992px) { .l2-hero-image-group .img-1 { transform: scale(1) translateX(15%); position: relative; top: 15%; } }@media (min-width: 1200px) { .l2-hero-image-group .img-1 { transform: scale(1) translateX(15%); top: 5%; } }.l2-hero-image-group .img-2 { position: absolute; z-index: 1; bottom: -25px; right: 85px; transform: scale(0.5); }@media (min-width: 768px) { .l2-hero-image-group .img-2 { transform: scale(0.6); bottom: -5%; width: 100%; } }@media (min-width: 992px) { .l2-hero-image-group .img-2 { transform: scale(0.7); bottom: 25%; } }@media (min-width: 1200px) { .l2-hero-image-group .img-2 { transform: scale(1); bottom: 12%; } }.l2-hero-image-group .img-3 { position: absolute; transform: scale(0.6); right: 30px; top: 0; }@media (min-width: 320px) { .l2-hero-image-group .img-3 { right: 25%; } }@media (min-width: 992px) { .l2-hero-image-group .img-3 { transform: scale(0.7); right: auto !important; left: -50%; } }@media (min-width: 1200px) { .l2-hero-image-group .img-3 { transform: scale(1); left: -70%; } }.l2-hero-image-group .img-4 { position: absolute; transform: scale(0.6); top: 5%; right: -35%; z-index: 1; }@media (min-width: 480px) { .l2-hero-image-group .img-4 { right: -150px; } }@media (min-width: 992px) { .l2-hero-image-group .img-4 { transform: scale(0.7); right: -200px; } }@media (min-width: 1200px) { .l2-hero-image-group .img-4 { transform: scale(1); top: 15%; right: -250px; } }.l2-hero-image-group .img-group-content { transform: scale(0.6) translate(-100%, -50%); left: 50%; top: 45%; position: absolute; width: 220px; }@media (min-width: 992px) { .l2-hero-image-group .img-group-content { transform: scale(0.8); left: 20% !important; top: 30% !important; } }@media (min-width: 1200px) { .l2-hero-image-group .img-group-content { transform: scale(1); left: 5% !important; top: 40% !important; } }.img-group-content { top: 250px; z-index: 2; }@media (min-width: 1200px) { .img-group-content { top: 170px; transform: scale(1); left: 160px !important; } }.img-group-content .seciton-body { padding-top: 20px; padding-left: 20px; padding-right: 15px; }.img-group-content a { text-align: center; display: inline-block; height: 31px; font-size: 13px; line-height: 31px; }@media (min-width: 992px) { .image-group-3 .arrow-shape-1 { left: 13%; top: 12%; transform: scale(0.7); } }@media (min-width: 1367px) { .image-group-3 .arrow-shape-1 { left: 25% !important; } }@media (min-width: 1200px) { .image-group-3 .arrow-shape-1 { left: 20% !important; top: 10%; transform: scale(1); } }@media (min-width: 1600px) { .image-group-3 .arrow-shape-1 { left: 19% !important; top: 10%; } }@media (min-width: 992px) { .image-group-3 .arrow-shape-2 { right: 30%; top: 26%; transform: scale(0.7); } }@media (min-width: 1200px) { .image-group-3 .arrow-shape-2 { right: 26%; transform: scale(1); top: 25%; } }@media (min-width: 1600px) { .image-group-3 .arrow-shape-2 { top: 25%; right: 27%; } }.l2-content-image-group-1 { position: relative; z-index: 1; text-align: left; }@media (min-width: 1200px) { .l2-content-image-group-1 { text-align: center; } }.l2-content-image-group-1 .img-2 { position: absolute; top: 7%; right: -120px; transform: scale(0.5); }@media (min-width: 768px) { .l2-content-image-group-1 .img-2 { top: 22%; right: -70px; transform: scale(1); } }@media (min-width: 992px) { .l2-content-image-group-1 .img-2 { right: -15% !important; } }@media (min-width: 1200px) { .l2-content-image-group-1 .img-2 { right: -7% !important; } }.l2-content-image-group-1 .img-3 { position: absolute; z-index: -1; top: -8%; left: -15px; }@media (min-width: 1199px) { .l2-content-image-group-1 .img-3 { left: 20px; } }@media (min-width: 1366px) { .l2-content-image-group-1 .img-3 { left: 25px !important; } }.l2-content-image-group-1 .img-group-content { position: absolute; top: 10%; left: -20%; transform: scale(0.6); }@media (min-width: 768px) { .l2-content-image-group-1 .img-group-content { top: 30%; left: -65px; transform: scale(1); } }@media (min-width: 992px) { .l2-content-image-group-1 .img-group-content { left: -15% !important; top: 35%; } }@media (min-width: 1200px) { .l2-content-image-group-1 .img-group-content { left: -5% !important; } }.l2-content-image-group-2 .img-1 { position: relative; }.l2-content-image-group-2 .img-2 { position: absolute; top: 0; width: 33%; }@media (min-width: 480px) { .l2-content-image-group-2 .img-2 { top: -7%; left: -10%; } }@media (min-width: 1366px) { .l2-content-image-group-2 .img-2 { top: -7%; left: -7px; } }.l2-content-image-group-2 .img-3 { position: absolute; top: 0; right: 0; width: 57%; }@media (min-width: 992px) { .l2-content-image-group-2 .img-3 { top: 0; right: 0; } }.content-image-group-3 .img-1 { position: relative; }.content-image-group-3 .img-2 { position: absolute; bottom: -30px; left: -5px; width: 37%; z-index: -1; }@media (min-width: 480px) { .content-image-group-3 .img-2 { bottom: -7%; left: -35px; } }@media (min-width: 1366px) { .content-image-group-3 .img-2 { bottom: -7%; left: -23px; } }.content-image-group-3 .img-3 { position: absolute; top: 0; left: 0; width: 80%; }@media (min-width: 992px) { .content-image-group-3 .img-3 { top: 0; right: 0; } }.l3-hero-image-group { height: 100%; }.l3-hero-image-group .img-1 { z-index: 1; text-align: center; position: relative; }.l3-hero-image-group .img-1 img { width: 100%; }.l3-hero-image-group .img-2 { left: -13%; bottom: 0; z-index: -1; position: absolute; width: 28%; }@media (min-width: 992px) { .l3-hero-image-group .img-2 { left: -113px; } }.l3-hero-image-group .img-3 { z-index: -1; top: -20%; right: -10%; position: absolute; width: 30%; }@media (min-width: 992px) { .l3-content-image-group-4 { right: -50%; top: 50%; transform: translateY(-50%); } }@media (min-width: 1080px) { .l3-content-image-group-4 { right: -45%; } }@media (min-width: 1200px) { .l3-content-image-group-4 { right: -25% !important; } }@media (min-width: 1600px) { .l3-content-image-group-4 { right: -12% !important; } }.l3-content-image-group-4 .img-1 { position: relative; }.l3-content-image-group-4 .img-2 { position: absolute; left: -15%; top: 13%; width: 45%; }@media (min-width: 992px) { .l3-content-image-group-4 .img-2 { top: 5%; } }@media (min-width: 1366px) { .l3-content-image-group-4 .img-2 { top: 10%; } }.l3-content-image-group-4 .img-3 { position: absolute; left: -14%; z-index: -1; top: -10%; width: 75%; }@media (min-width: 992px) { .l3-content-image-group-4 .img-3 { left: -20%; top: -13%; } }.l3-content-image-5 { z-index: 1; }.l3-content-image-5 .img-1 { position: relative; width: 70%; left: 50%; transform: translateX(-50%); }@media (min-width: 992px) { .l3-content-image-5 .img-1 { left: 45%; } }.l3-content-image-5 .img-2 { top: 80%; position: absolute; width: 80%; right: -50px; transform: translateY(-80%); }.l3-content-image-5 .img-3 { z-index: -1; top: 50%; left: 50%; width: 90%; position: absolute; transform: translate(-50%, -50%); }@media (min-width: 768px) { .l3-content-image-5 .img-3 { left: 50%; } }@media (min-width: 992px) { .l3-content-image-5 .img-3 { left: 45%; } }.pricing-bottom-shape { z-index: 1; position: absolute; right: -5%; bottom: -40%; transform: translateY(-40%) scale(0.7); }@media (min-width: 992px) { .pricing-bottom-shape { right: -3%; } }@media (min-width: 1200px) { .pricing-bottom-shape { right: 0; transform: translateY(-40%) scale(1); } }@media (min-width: 992px) { .l4-hero-image-group { position: absolute; transform: translateX(-55%); bottom: 0; } }@media (min-width: 1200px) { .l4-hero-image-group { transform: translateX(-43%); } }.l4-hero-image-group .hero-images { position: relative; display: flex; align-items: flex-end; justify-content: center; }.l4-hero-image-group .hero-images .img-2 { position: relative; right: 23%; bottom: 0; }.l4-content-img-2 { position: relative; }.l4-content-img-2 .image-card { position: absolute; bottom: 12%; left: -60px; transform: scale(0.7); }@media (min-width: 768px) { .l4-content-img-2 .image-card { transform: scale(1); } }@media (min-width: 1200px) { .l4-content-img-2 .image-card { left: -100px; } }.l4-content-img-group { position: relative; }.l4-content-img-group .img-1 { position: absolute; left: -5%; top: -35%; z-index: 1; width: 54%; }.l4-content-img-group .img-2 { position: absolute; right: 0; top: 0; z-index: 1; width: 43%; }.l4-content-img-group .img-3 { position: relative; left: 50%; bottom: 0; z-index: 0; width: 45%; transform: translate(-50%, 40%); }.l5-content-2 { position: relative; }.l5-content-2 .image-card { position: absolute; bottom: 30%; left: -60px; transform: scale(0.7) !important; }@media (min-width: 768px) { .l5-content-2 .image-card { left: -80px; transform: scale(1) !important; } }@media (min-width: 992px) { .l5-content-gallery-img { position: absolute; left: -5%; top: 0; } }@media (min-width: 1200px) { .l5-content-gallery-img { position: relative; } }.l6-hero-image-group { position: relative; }@media (min-width: 992px) { .l6-hero-image-group { position: absolute !important; bottom: 0; left: -20%; width: 50%; transform: scale(1.7); } }@media (min-width: 1200px) { .l6-hero-image-group { transform: scale(1); left: 0; width: 45%; } }@media (min-width: 1600px) { .l6-hero-image-group { left: -80px; bottom: -150px; width: 45%; }.l6-hero-image-group img { width: auto !important; } }@media (min-width: 1730px) { .l6-hero-image-group { left: -4%; width: 40%; } }.l6-hero-image-group .img-1 { position: absolute; top: -6%; left: 35%; z-index: -1; }@media (min-width: 992px) { .l6-hero-image-group .img-1 { top: -10%; left: 35%; transform: scale(0.8); } }@media (min-width: 1200px) { .l6-hero-image-group .img-1 { left: 40%; top: -10%; transform: scale(1); } }@media (min-width: 1600px) { .l6-hero-image-group .img-1 { left: 45%; top: -6%; } }@media (min-width: 992px) { .l6-content-image-group { position: absolute; left: 0; top: -235px; } }.l6-content-image-group .img-1 { position: absolute; left: -5px; top: -40px; z-index: -1; width: 47%; }@media (min-width: 992px) { .l6-content-image-group .img-1 { left: -10%; } }.l6-content-image-group .img-1 .img-2 { width: 60%; }.l6-content-image-group-2 { z-index: 1; }@media (min-width: 992px) { .l6-content-image-group-2 { position: absolute; left: 15%; top: -235px; } }.l6-content-image-group-2 .img-1 { position: absolute; left: -20%; top: 50%; width: 50%; transform: translateY(-50%); z-index: 0; }.l6-content-image-group-2 .img-2 { position: relative; z-index: 2; }@media (min-width: 992px) { .l6-content-image-group-2 .img-2 { width: 100%; } }@media (min-width: 992px) { .l6-content-image-group-3 { position: absolute; left: 0; top: -235px; } }.l6-content-image-group-3 .img-1 { position: absolute; right: -11%; top: -6%; z-index: -1; width: 60%; }.about-content-image-group-1 .img-1 { position: relative; }.about-content-image-group-1 .img-2 { position: absolute; top: 22px; left: -35px; }@media (min-width: 768px) { .about-content-image-group-1 .img-2 { top: 22px; left: -30px; } }@media (min-width: 1366px) { .about-content-image-group-1 .img-2 { left: -8%; } }.about-content-image-group-1 .content-left-shape { top: -52px; left: -33%; transform: scale(0.5); }@media (min-width: 992px) { .about-content-image-group-1 .content-left-shape { top: 0; left: 0; transform: scale(1); } }.masonary-gallery-wrapper { display: flex; flex-wrap: wrap; }.masonary-gallery-wrapper .big-image { overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-right: 7.5px; margin-left: 7.5px; min-height: 272px; max-height: 272px; }@media (min-width: 768px) { .masonary-gallery-wrapper .big-image {  } }@media (min-width: 992px) { .masonary-gallery-wrapper .big-image { min-height: 472px; max-height: 472px; } }.masonary-gallery-wrapper .big-image .single-image { width: 100%; height: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }.masonary-gallery-wrapper .small-images { display: flex; flex-wrap: wrap; min-width: 100%; margin-top: 7.5px; }@media (min-width: 768px) { .masonary-gallery-wrapper .small-images { margin-top: -7.5px; min-width: 60%; } }.masonary-gallery-wrapper .small-images .single-image { max-height: 128px; min-height: 128px; }@media (min-width: 768px) { .masonary-gallery-wrapper .small-images .single-image { max-height: 128px; min-height: 128px; } }@media (min-width: 992px) { .masonary-gallery-wrapper .small-images .single-image { max-height: 228px; min-height: 228px; } }.masonary-gallery-wrapper .small-images .single-image:first-child {  }@media (min-width: 576px) { .masonary-gallery-wrapper .small-images .single-image:first-child {  } }.masonary-gallery-wrapper .small-images .single-image:nth-child(+2) {  }@media (min-width: 576px) { .masonary-gallery-wrapper .small-images .single-image:nth-child(+2) {  } }.masonary-gallery-wrapper .small-images .single-image:nth-child(+3) {  }@media (min-width: 576px) { .masonary-gallery-wrapper .small-images .single-image:nth-child(+3) {  } }.masonary-gallery-wrapper .small-images .single-image:nth-child(+4) {  }@media (min-width: 576px) { .masonary-gallery-wrapper .small-images .single-image:nth-child(+4) {  } }.masonary-gallery-wrapper .small-images .single-image:nth-child(+5) {  }@media (min-width: 576px) { .masonary-gallery-wrapper .small-images .single-image:nth-child(+5) {  } }.masonary-gallery-wrapper .single-image { background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 7.5px; margin-right: 7.5px; margin-bottom: 7.5px; margin-left: 7.5px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow-x: hidden; overflow-y: hidden; }.masonary-gallery-wrapper .single-image span { display: block; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; position: relative; }.masonary-gallery-wrapper .single-image span:before { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); background-image: initial; content: ""; height: 100%; width: 100%; opacity: 0; transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.masonary-gallery-wrapper .single-image img { width: 100%; }.masonary-gallery-wrapper .single-image:hover span { transform: scale(1.2); }.masonary-gallery-wrapper .single-image:hover span:before { opacity: 1; }.bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; }.bg-img-1 { background-image: url("/image/home-1/jpg/hero-bg-1.jpg"); }.bg-img-2 { background-image: url("/image/home-2/jpg/promo-bg-img.jpg"); }.bg-gradient-1 { background-image: linear-gradient(142deg, rgb(250, 217, 97) 0%, rgb(247, 107, 28) 100%); }.bg-gradient-2 { position: relative; }.bg-gradient-2:before { content: ""; position: absolute; left: 0; top: 0; background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(18, 27, 33, 0.76) 100%); width: 50%; height: 100%; }.opacity-5 { opacity: 0.5; }.bg-white-op8 { background-color: rgba(255, 255, 255, 0.8); }.bg-blue-3-op5 { background-color: rgba(15, 83, 250, 0.5) !important; }.mix-blend-multiply {  }.gr-hover-1 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-1:hover { box-shadow: 0 32px 84px rgba(14, 86, 124, 0.17); }.gr-hover-2 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-2:hover { box-shadow: 0 32px 44px rgba(29, 41, 63, 0.07); }.gr-hover-3 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-3:hover { box-shadow: 0 30px 55px rgba(0, 0, 0, 0.15); }.gr-hover-bg-blue-3 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-bg-blue-3:hover { background-color: rgb(15, 83, 250); border-top-color: rgb(15, 83, 250); border-right-color: rgb(15, 83, 250); border-bottom-color: rgb(15, 83, 250); border-left-color: rgb(15, 83, 250); color: rgb(255, 255, 255); }.gr-hover-bg-dodger-blue-1 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-bg-dodger-blue-1:hover { background-color: rgb(34, 176, 252); border-top-color: rgb(34, 176, 252); border-right-color: rgb(34, 176, 252); border-bottom-color: rgb(34, 176, 252); border-left-color: rgb(34, 176, 252); color: rgb(255, 255, 255) !important; }.gr-hover-text-dodger-blue-1 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-text-dodger-blue-1:hover { color: rgb(34, 176, 252) !important; }.gr-hover-text-primary { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-text-primary:hover { color: rgb(34, 176, 252) !important; }.gr-hover-text-blue-3 { transition-property: initial; transition-duration: 0.4s; transition-timing-function: initial; transition-delay: initial; }.gr-hover-text-blue-3:hover { color: rgb(15, 83, 250) !important; }.min-w-63 { min-width: 63px; }.min-w-76 { min-width: 76px; }.min-w-144 { min-width: 144px; }.max-w-193 { max-width: 193px; }.min-w-210 { min-width: 210px; }.min-w-255 { min-width: 255px; }.min-w-266 { min-width: 266px; }.max-w-322 { max-width: 322px; }.max-w-413 { max-width: 413px; }.max-w-536 { max-width: 536px; }.max-w-540 { max-width: 540px; }.min-h-222 { min-height: 222px; }.h-50 { height: 50px !important; }.h-55 { height: 55px !important; }.h-60 { height: 60px !important; }.max-h-64 { max-height: 64px; }.min-h-107 { min-height: 107px; }.min-height-100vh { min-height: 100vh; }@media (min-width: 992px) { .min-height-lg-100vh { min-height: 100vh; } }.border-radius-50 { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.w-70 { max-width: 70%; }.w-30 { max-width: 30%; }.letter-spacing-normal { letter-spacing: normal; }.letter-spacing-reset { letter-spacing: 1px; }.letter-spacing-5 { letter-spacing: 5px; }.letter-spacing-n83 { letter-spacing: -0.83px; }.line-height-20 { line-height: 20px; }.line-height-26 { line-height: 26px; }.line-height-34 { line-height: 34px; }.line-height-84 { line-height: 1.05; }.line-height-normal { line-height: normal; }.border-golden-yellow { border-top-color: rgb(255, 209, 102) !important; border-right-color: rgb(255, 209, 102) !important; border-bottom-color: rgb(255, 209, 102) !important; border-left-color: rgb(255, 209, 102) !important; }.border-custom-white { border-top-color: rgba(236, 239, 244, 0.3) !important; border-right-color: rgba(236, 239, 244, 0.3) !important; border-bottom-color: rgba(236, 239, 244, 0.3) !important; border-left-color: rgba(236, 239, 244, 0.3) !important; }@media (min-width: 576px) { .timeline-area .single-widgets { width: 50%; flex-grow: 0; flex-shrink: 0; flex-basis: 50%; } }@media (min-width: 992px) { .timeline-area .single-widgets { width: 420px; flex-grow: inherit; flex-shrink: inherit; flex-basis: inherit; } }@media (min-width: 992px) { .timeline-area .single-widgets:nth-child(+3) { margin-top: 75px; } }@media (min-width: 992px) { .timeline-area .single-widgets:nth-child(+4) { margin-top: 145px; } }.hover-pointer:hover { cursor: pointer; }div#loading { width: 100%; height: 100vh; position: fixed; z-index: 9999999; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; min-height: 750px; }div#loading img { z-index: 9999; }