/*.poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .poppins-regular-italic { font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Poppins", sans-serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Poppins", sans-serif; font-weight: 700; font-style: italic; }*/ :root { --st-dark: #052335; --st-darkmore: #051824; --st-light: #0a344d; --st-blue: #186191; --st-lightblue: #3691cb; --st-skyblue: #dce6f4; --st-yellow: #ffd14a; --st-orange: #f3740b; --st-white: #ffffff; --st-black: #000000; --st-blacklight: #0c0b0b; --st-gray: #e8e6e6; --st-gray2: #666666; --st-green: #28a745; --st-radius10: 10px; --st-radius16: 16px; --st-radius20: 20px; --st-radiusfull: 50px; --st-radius-circle: 50%; --st-font-12: 12px; --st-font-14: 14px; --st-font-16: 16px; --st-font-18: 18px; --st-font-20: 20px; --st-font-22: 22px; --st-font-24: 24px; --st-font-26: 26px; --st-font-28: 28px; --st-font-30: 30px; --st-font-36: 36px; --st-font-40: 40px; --st-font-60: 60px; --st-font-120: 120px; --st-normal: 400; --st-medium: 500; --st-sbold: 600; --st-bold: 700; --st-mobtable: 600px; } /* Tablet */ @media (max-width: 1024px) { :root { /*--st-font-16: 14px;*/ --st-font-18: 16px; --st-font-20: 18px; --st-font-22: 20px; --st-font-24: 22px; --st-font-26: 24px; --st-font-28: 26px; --st-font-30: 26px; --st-font-36: 30px; --st-font-40: 36px; --st-font-60: 50px; --st-font-120: 85px; } } /* Mobile */ @media (max-width: 767px) { :root { --st-font-40: 30px; --st-font-60: 40px; --st-font-120: 70px; } } .e-con { --container-max-width: 1360px; } .elementor-kit-6{ --e-global-typography-primary-font-family: "Poppins"; /*--e-global-typography-primary-font-weight: 600;*/ --e-global-typography-secondary-font-family: "Poppins"; /*--e-global-typography-secondary-font-weight: 400;*/ --e-global-typography-text-font-family: "Poppins"; /*--e-global-typography-text-font-weight: 400;*/ --e-global-typography-accent-font-family: "Poppins"; /*--e-global-typography-accent-font-weight: 500; --e-global-typography-5c64bfc-font-size: 38px; --e-global-typography-5c64bfc-font-weight: 800;*/ } b, strong { font-weight: bold !important; } .elementor-heading-title { font-family: "Poppins", sans-serif !important; } body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; font-family: "Poppins", sans-serif !important; /*font-weight: normal;*/ color: var(--st-white) !important; } body { background-color: var(--st-dark) !important; font-family: "Poppins", sans-serif; font-weight: normal; font-size: var(--st-font-18); color: var(--st-white); overflow: hidden; overflow-y: auto; } /**, ::after, ::before { box-sizing: border-box; }*/ *{ font-family: "Poppins", sans-serif; margin: 0px; padding: 0px; } [type="button"]:not(:disabled), button:not(:disabled) { outline: none; } /*[class*="font-"] { line-height: normal; }*/ [class*="font-"] >*{ font-size: inherit; } .font-12 { font-size: var(--st-font-12) !important; } .font-14 { font-size: var(--st-font-14) !important; } .font-16 { font-size: var(--st-font-16) !important; } .font-18 { font-size: var(--st-font-18) !important; } .font-20 { font-size: var(--st-font-20) !important; } .font-22 { font-size: var(--st-font-22) !important; } .font-24 { font-size: var(--st-font-24) !important; } .font-26 { font-size: var(--st-font-26) !important; } .font-28 { font-size: var(--st-font-28) !important; } .font-30 { font-size: var(--st-font-30) !important; } .font-36 { font-size: var(--st-font-36) !important; } .font-40 { font-size: var(--st-font-40) !important; line-height: 1.2; } .font-60 { font-size: var(--st-font-60) !important; line-height: 1.2; } .font-120 { font-size: var(--st-font-120) !important; line-height: 1; } .title-24{ font-size: var(--st-font-24); } /*[class*="fa-"]{ font-family: "Font Awesome 6 Brands" !important; }*/ a { color: var(--st-black); outline: none; -webkit-transition: all 250ms ease; -moz-transition: all ease 250ms; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; text-decoration: none; } a:hover, a:focus { text-decoration: none; color: var(--st-black); outline: none; } p{ margin-bottom: 20px !important; color: var(--st-white); } p:last-child{ margin-bottom: 0px !important; } .justify { text-align: justify; /*letter-spacing: -0.20px;*/ } .capital { text-transform: capitalize !important; } .upper { text-transform: uppercase !important; } .italic{ font-style: italic; } .form-control:focus{ box-shadow: none; } .normal{ font-weight: var(--st-normal) !important; } .medium{ font-weight: var(--st-medium) !important; } .sbold{ font-weight: var(--st-sbold) !important; } .bold{ font-weight: var(--st-bold) !important; } .darkbg{ background-color: var(--st-dark); } .darkmorebg{ background-color: var(--st-darkmore); } .lightbg{ background-color: var(--st-light); } .bluebg{ background-color: var(--st-blue); } .lightbluebg{ background-color: var(--st-lightblue) !important; } .yellowbg{ background-color: var(--st-yellow); } .skybluebg{ background-color: var(--st-skyblue); } .whitebg{ background-color: var(--st-white); } .blackbg{ background-color: var(--st-black); } .graybg{ background-color: var(--st-gray); } .orangebg{ background-color: var(--st-orange); } .darktxt{ color: var(--st-dark) !important; } .lighttxt{ color: var(--st-light); } .bluetxt{ color: var(--st-blue); } .lightbluetxt{ color: var(--st-lightblue); } .yellowtxt{ color: var(--st-yellow); } .skybluetxt{ color: var(--st-skyblue); } .whitetxt{ color: var(--st-white); } .blacktxt{ color: var(--st-black); } .orangetxt{ color: var(--st-orange); } .greentxt{ color: var(--st-green); } .tcolor >*{ color: inherit !important; } .lineh-1{ line-height: 1 !important; } .lineh-1-3{ line-height: 1.3 !important; } .letter-spacing-1{ letter-spacing: -0.2px; } .min-w{ min-width: unset !important; } .text-decoration-none{ text-decoration: none !important; } .text-decoration-none a{ text-decoration: none !important; } /*---- Links & Buttons ----*/ .link1{ color: var(--st-white); } .link1:hover, .link1:focus{ color: var(--st-yellow); } .link2{ color: var(--st-yellow); } .link2:hover, .link2:focus{ color: var(--st-white); } .link-readmore{ color: var(--st-yellow) !important; font-weight: var(--st-sbold); padding-right: 25px; margin-right: 15px; position: relative; } .link-readmore:before{ content: ""; width: 0%; height: 1px; background-color: var(--st-yellow); display: inline-block; position: absolute; left: 0px; bottom: -5px; transition: all 250ms ease-in-out; } .link-readmore:hover:before{ width: 100%; } .link-readmore:after{ content: ""; background: url("../images/readmore.html") no-repeat right center; width: 17px; height: 11px; display: inline-block; transition: all 250ms ease-in-out; position: absolute; right: 3px; top: 50%; transform: translate(0%,-50%); } .link-readmore:hover:after{ right: 0px; opacity: 0.8; } .fox-buttons-wrapper{ display: inline-flex; align-items: center; gap: 15px; width: 100%; flex-wrap: wrap; justify-content: center; } .btn{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: relative; z-index: 1; border-radius: 8px; min-width: 180px; font-weight: var(--st-sbold); padding: 10px 30px; text-decoration: none !important; line-height: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: inherit; } .btn:focus { box-shadow: none; } @media (max-width: 575px) { .btn{ padding-inline: 20px; } } .login-btn{ background-color: var(--st-white) !important; color: var(--st-dark) !important; min-width: unset !important; text-transform: uppercase; font-size: 14px; min-height: 40px; padding: 6px 18px; border-radius: 6px; border: 0px !important; } .btn-yellow{ background-color: var(--st-yellow); color: var(--st-black); } .btn-yellow:hover, .btn-yellow:focus{ background-color: var(--st-yellow); color: var(--st-black); opacity: 0.8; } .btn-skyblue{ background-color: var(--st-skyblue); color: var(--st-dark); } .btn-skyblue:hover, .btn-skyblue:focus{ background-color: var(--st-skyblue); color: var(--st-dark); opacity: 0.8; } .btn-blue{ background-color: var(--st-blue); color: var(--st-white); } .btn-blue:hover, .btn-blue:focus{ background-color: var(--st-blue); color: var(--st-white); opacity: 0.8; } .btn-orange{ background-color: var(--st-orange); color: var(--st-white) !important; } .btn-orange:hover, .btn-orange:focus{ background-color: var(--st-orange); color: var(--st-white) !important; opacity: 0.8; } .btn-white{ background-color: var(--st-white) !important; color: var(--st-black) !important; } .btn-white:hover, .btn-white:focus{ background-color: var(--st-white); color: var(--st-black) !important; opacity: 0.8; } .btn-white-outline{ background-color: transparent; color: var(--st-white); box-shadow: inset 0px 0px 0px 2px var(--st-white) !important; } .btn-white-outline:hover, .btn-white-outline:focus{ background-color: var(--st-white); color: var(--st-black); } /*---- Links & Buttons End ----*/ .container { width: 100%; padding-inline: 20px; max-width: 1400px; } /*--- Widgets ---*/ .fox-list-icon svg { width: 1em; height: 1em; fill: currentColor !important; stroke: currentColor !important; } /*--- Widgets End ---*/ /*-- Title Primory --*/ .title-primory, .title-primory h1, .title-primory h2, .title-primory h3, .title-primory h4, .title-primory h5 { font-size: var(--st-font-40) !important; font-weight: var(--st-sbold) !important; line-height: 1.2 !important; margin: 0px !important; padding-bottom: 35px; } .title-primory .elementor-heading-title{ text-shadow: unset !important; } .title-primory.dark *{ color: var(--st-dark) !important; } @media (max-width: 1024px) { .title-primory br{ display: none; } } @media (max-width: 767px) { .title-primory, .title-primory h1, .title-primory h2, .title-primory h3, .title-primory h4, .title-primory h5 { padding-bottom: 25px; } } /*-- Title Primory End --*/ .radius-10{ border-radius: var(--st-radius10); } .radius-16{ border-radius: var(--st-radius16); } .radius-20{ border-radius: var(--st-radius20); } .radius-full{ border-radius: var(--st-radiusfull); } .space-100 { padding-block: 100px; } .space-120 { padding-block: 120px; } .space-150 { padding-block: 150px; } @media (max-width: 1199px) { .space-100 { padding-block: 80px; } .space-120 { padding-block: 100px; } .space-150 { padding-block: 110px; } } @media (max-width: 767px) { .space-100 { padding-block: 50px; } .space-120 { padding-block: 70px; } .space-150 { padding-block: 70px; } } .title-space20{ padding-bottom: 20px; } .title-space30{ padding-bottom: 30px; } /*------------------------------------- Header Start -------------------------------------*/ /*For Site Title*/ .main-header-bar .site-primary-header-wrap .site-branding .ast-site-title-wrap{ display: none !important; } #ast-desktop-header .main-header-bar .site-primary-header-wrap .site-branding .ast-site-title-wrap{ display: none !important; } /*For Site Title End*/ @media (min-width: 922px) { .main-header-bar{ background-color: var(--st-dark); padding-top: 10px; /*padding-inline: 15px;*/ } .main-header-bar .site-primary-header-wrap{ /*background-color: var(--st-skyblue); border-radius: var(--st-radiusfull);*/ min-height: unset !important; } .main-header-bar .site-primary-header-wrap .ast-builder-grid-row{ /*padding-inline: 15px;*/ position: relative; } /*Logo*/ .main-header-bar .site-primary-header-wrap .site-branding{ padding-block: 0px; } .main-header-bar .site-primary-header-wrap .site-branding .site-logo-img { } .main-header-bar .site-primary-header-wrap .site-branding .site-logo-img img.custom-logo{ width: 100%; max-width: 230px; } /*Logo End*/ nav.site-navigation .main-navigation{ } nav.site-navigation .main-navigation ul.main-header-menu { min-height: 80px; position: unset; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item { line-height: normal; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item:hover a.menu-link { color: var(--st-lightblue); } /*main menu*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link{ font-size: var(--st-font-16); color: var(--st-white); padding-inline: 12px; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link:hover { color: var(--st-lightblue); } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link .menu-subtitle{ font-size: 14px; font-weight: normal; display: block; padding-bottom: 5px; line-height: 1.5; } /*Sub menu first level*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu{ padding: 20px 10px; border-radius: 10px; /*border-radius: 0px 0px 8px 8px;*/ } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item a.menu-link { font-size: 15px; font-weight: var(--st-sbold); color: var(--st-black); padding: 6px 10px; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item a.menu-link:hover { color: var(--st-blue); } /*Sub menu second level*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu li.menu-item > ul.sub-menu li.menu-item a.menu-link{ font-weight: var(--st-sbold) !important; color: var(--st-black) !important; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu li.menu-item > ul.sub-menu li.menu-item a.menu-link:hover{ color: var(--st-blue) !important; } .megamenu{ position: unset !important; } .megamenu > ul.sub-menu { position: absolute; width: 100%; display: flex; align-items: flex-start; /*max-width: calc(100% - 50px);*/ margin-inline: auto; right: 0px !important; } .megamenu > ul.sub-menu li.megamenu-heading a.menu-link:first-child { font-weight: normal !important; color: var(--st-gray2) !important; } .megamenu > ul.sub-menu > li.menu-item{ width: 25%; } .megamenu > ul.sub-menu > li.menu-item .dropdown-menu-toggle{ display: none !important; } .megamenu > ul.sub-menu > li.megamenu-heading > a.menu-link{ color: var(--st-black) !important; font-weight: var(--st-sbold) !important; } .megamenu > ul.sub-menu > li.menu-item > ul.sub-menu { position: unset !important; transform: unset !important; visibility: visible; box-shadow: unset; padding: 0px !important; width: 100%; } .main-header-bar-navigation.toggle-on .main-navigation{ display: block; } .main-header-bar .site-header-primary-section-right .ast-builder-menu-1{ padding-right: 0px; } /*-- Language Bar --*/ .main-header-bar .ast-builder-menu-2{ padding: 0px !important; } .main-header-bar .ast-builder-menu-2 nav.site-navigation ul.main-header-menu li.menu-item a.menu-link > img { width: 24px !important; height: auto !important; border-radius: 4px; } .main-header-bar .ast-builder-menu-2 nav.site-navigation ul.main-header-menu li.menu-item a.menu-link span.dropdown-menu-toggle { /*color: var(--st-dark);*/ margin-left: 0px; } .main-header-bar .ast-builder-menu-2 ul.main-header-menu li.menu-item a.menu-link{ padding-inline: 0px; padding-block: 0px !important; } .main-header-bar .ast-builder-menu-2 ul.main-header-menu li.menu-item ul.sub-menu { padding: 10px 0px !important; border-radius: 6px; right: auto !important; left: 12px !important; width: auto; background-color: transparent !important; top: 45px; transition: all 0.2s; box-shadow: unset; } .main-header-bar .ast-builder-menu-2 ul.main-header-menu li.menu-item ul.sub-menu li a.menu-link { padding: 0px !important; } /*-- Language Bar End --*/ } @media (max-width: 1199px) { .main-header-bar .site-primary-header-wrap .ast-builder-grid-row{ padding-inline: 0px; grid-column-gap: 0px; } .main-header-bar .site-header-primary-section-left{ /*max-width: 160px;*/ max-width: 200px; } .main-header-bar .ast-icon.icon-arrow svg { margin-left: 6px; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link{ padding-inline: 8px; font-size: 14px; } /*-- Language Bar --*/ .main-header-bar .ast-builder-menu-2 ul.main-header-menu li.menu-item ul.sub-menu { left: 8px !important; } /*-- Language Bar End --*/ } /* Enable mobile menu up to 1024px */ @media (max-width: 921px) { #ast-desktop-header { display: none; } #ast-mobile-header { display: block; } #ast-mobile-header .ast-site-title-wrap{ display: none !important; } .main-header-bar{ background-color: transparent; /*background-color: var(--st-skyblue);*/ min-height: 65px !important; margin-top: 10px; /*margin: 10px 10px 0px;*/ /*border-radius: var(--st-radiusfull);*/ } .main-header-bar .site-branding{ padding-block: 0px; } .ast-mobile-popup-header{ min-height: unset !important; } button.menu-toggle{ outline: unset !important; padding: 5px !important; /*padding: 0px !important;*/ } button.menu-toggle-close{ padding: 20px 10px !important; border: 0px !important; outline: unset !important; } .ahfb-svg-iconset svg { width: 38px; height: 38px; } #ast-mobile-popup .ast-builder-menu-2{ padding-inline: 10px; } .ast-mobile-popup-drawer .ast-mobile-popup-inner{ max-width: 350px; padding-inline: 10px; transition: 0.35s ease; } .btn.login-btn{ background-color: var(--st-black) !important; color: var(--st-white) !important; margin-inline: 10px; margin-top: 20px; margin-bottom: 30px; width: 100%; } /*Languages Bar*/ #ast-hf-menu-2-mobile{ padding-bottom: 40px; } #ast-hf-menu-2-mobile button.ast-menu-toggle{ display: none !important; } #ast-hf-menu-2-mobile li.menu-item { display: flex; flex-direction: unset; align-items: center; justify-content: flex-start; gap: 10px; } /*Flag 1*/ #ast-hf-menu-2-mobile li.menu-item a.menu-link { border: solid 1px #eeeeee !important; padding: 8px 10px; width: auto; display: flex; border-radius: 6px; } #ast-hf-menu-2-mobile li.menu-item a.menu-link img.wpml-ls-flag { width: 24px; } #ast-hf-menu-2-mobile li.menu-item > ul.sub-menu { display: block !important; background-color: transparent; } /* End*/ /*Logo*/ header .custom-logo-link img{ max-width: 200px; width: 100%; } /*Logo End*/ nav.site-navigation .main-navigation{ } nav.site-navigation .main-navigation ul.main-header-menu { background-color: transparent; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item { line-height: normal; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item button.ast-menu-toggle { color: var(--st-dark) !important; box-shadow: none; padding: 15px 10px; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item button.ast-menu-toggle .ast-icon.icon-arrow svg { margin: 0px; } /*main menu*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link{ color: var(--st-dark); padding: 16px 12px; border: 0px; font-size: 16px; } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link:hover { color: var(--st-blue); } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item a.menu-link .menu-subtitle{ font-size: 14px; font-weight: normal; display: block; padding-top: 5px; line-height: 1.5; } /*Sub menu first level*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu { } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item .menu-link{ font-weight: var(--st-sbold) !important; padding-left: 20px; } /*Sub menu second level*/ nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu { background-color: var(--st-white); } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu li.menu-item { border-bottom: solid 1px rgba(0,0,0,0.1); } nav.site-navigation .main-navigation ul.main-header-menu li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu li.menu-item:last-child { border-bottom: 0px; } /*Login Button*/ .ast-header-break-point .ast-header-html-2{ border-top: solid 2px #eeeeee; margin-top: 10px; } /*Login Button End*/ } /*------------------------------------- Header End -------------------------------------*/ /*------------------------------------- Footer Start -------------------------------------*/ .site-footer{ background-color: var(--st-blacklight); padding-top: 60px; } .site-footer > .site-above-footer-wrap{ padding: 0px !important; } .site-footer .ast-builder-grid-row{ max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .ft-logo{ display: block; max-width: 160px; margin-inline: auto; } ul.footer-links{ } ul.footer-links li{ margin-bottom: 10px; } ul.footer-links li:last-child{ margin-bottom: 0px; } ul.footer-links li a{ color: var(--st-white); } ul.footer-links li a:hover{ color: var(--st-yellow); } .footer-secondary{ padding-top: 70px; padding-bottom: 40px; align-items: center; } .socialMedia{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .socialMedia a{ font-size: 20px; color: var(--st-black); width: 38px; height: 38px; border-radius: 50%; background-color: var(--st-white); display: flex; align-items: center; justify-content: center; } .socialMedia a:hover{ background-color: var(--st-white); color: var(--st-blue); } .nqa-ukas-kominfo-logo{ display: flex; width: 220px; } .nqa-ukas-logo { max-width: 146px; margin-right: 15px; } .kominfo { background-color: var(--st-white); padding: 6px; text-align: center; max-width: 58px; } .kominfo img { margin-bottom: 6px; } .member-apjii{ display: flex; align-items: center; justify-content: space-between; line-height: 1.4; text-align: center; margin-left: auto; max-width: 350px; flex-wrap: wrap; gap: 10px; } .member-apjii > div{ flex-grow: 1 !important; max-width: 120px; margin-right: 15px; } .member-apjii > img{ flex-shrink: 0 !important; max-width: 180px; } .copyright{ padding-block: 30px; border-top: solid 1px rgba(255, 255, 255, 0.3); } .copyright-link{ display: flex; justify-content: flex-end; } .copyright-link ul.footer-links{ display: flex; flex-wrap: wrap; justify-content: flex-end; row-gap: 15px; column-gap: 40px; } .copyright-link ul.footer-links li{ margin-bottom: 0px; } @media (max-width: 991px) { .member-apjii{ display: block; text-align: center; } .member-apjii > div{ margin-right: 0px; max-width: unset; padding-bottom: 12px; } .nqa-ukas-kominfo-logo{ margin-inline: auto; } .copyright-txt span{ display: block; } } @media (max-width: 767px) { .site-footer{ padding-top: 40px; } .nqa-ukas-kominfo-logo{ margin-inline: auto; } .footer-secondary{ padding-top: 50px; } .socialMedia{ justify-content: center; } .copyright { text-align: center; } .copyright-link{ justify-content: center; padding-top: 10px; } .copyright-link ul.footer-links{ justify-content: center; column-gap: 20px; } } @media (max-width: 575px) { .ft-menu-main{ text-align: center; } .member-apjii{ margin-inline: auto; } } /*------------------------------------- Footer End -------------------------------------*/ /*------------------------------------- Hero Banner -------------------------------------*/ /*-- Home Slider Start --*/ /* Main slider */ .main-swiper { width: 100%; height: 100%; } .main-swiper .swiper-slide { } /* Thumbnail slider */ .thumb-swiper { margin-top: -68px; } .thumb-swiper .swiper-slide { border: solid 1px transparent; border-radius: 10px; overflow: hidden; cursor: pointer; } .thumb-swiper .swiper-slide img { object-fit: cover; width: 100%; height: 100%; } .thumb-swiper .swiper-slide-thumb-active { opacity: 1; border: solid 1px #3691cb; } @media (max-width: 1024px) { .thumb-swiper { display: none !important; visibility: hidden !important; } } /* Carousel Arrows */ .slider-arrow { background-color: var(--st-black); width: 36px; height: 80px; color: var(--st-white); border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: solid 1px #4a4a4d; user-select: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; opacity: 0.5; } .slider-arrow:hover { opacity: 1; } .slider-arrow.prev-arrow { left: 20px; } .slider-arrow.next-arrow { right: 20px; } .slider-arrow [class*="carousel-control-"] { width: 20px; } @media (max-width: 1024px) { .slider-arrow{ width: 30px; height: 60px; } .slider-arrow.prev-arrow { left: 0px; border-radius: 0px 8px 8px 0px; } .slider-arrow.next-arrow { right: 0px; border-radius: 8px 0px 0px 8px; } } /* Carousel Arrows End */ /*-- Home Slider End --*/ .hero-slider-main { position: relative; } .hero-banner { background-color: var(--st-dark); background-image: url("../../uploads/2026/hero-banner-bg.png"); background-repeat: no-repeat; background-position: center bottom; position: relative; } .hero-dataOverlay{ position: absolute; left: 0px; right: 0px; top: 0px; height: 100%; overflow: hidden; } .bannerow{ } .bannerow > .col-md-6:nth-child(2){ height: 100%; } .hero-left{ } .hero-thumb{ height: 100%; padding-block: 20px; display: flex; align-items: center; justify-content: center; } .hero-thumb > img{ max-height: 100%; } .hero-heading{ } .hero-subtitle { font-size: var(--st-font-26); color: var(--st-yellow); margin-bottom: 15px; } .hero-description{ margin-top: 20px; } /* .hero-description{ line-height: 1.4; margin-top: 20px; } */ .hero-buttons{ margin-top: 35px; display: inline-flex; gap: 15px; flex-wrap: wrap; justify-content: center; } @media (max-width: 1199px) { .slideheight{ max-height: 420px; } /*blank height image*/ .hero-banner{ padding-block: 30px; } .hero-left{ zoom: 80%; } .bannerow br{ display: none; } } @media (max-width: 767px) { .slideheight{ max-height: 500px; } /*blank height image*/ .bannerow > .col-md-6:nth-child(2){ height: unset; } .hero-left{ zoom: 70%; text-align: center; } .hero-thumb{ max-width: 100% !important; height: 240px !important; text-align: center !important; margin: 0px auto auto !important; } .hero-thumb img{ width: auto !important; height: auto !important; margin: 0 auto !important; max-width: 100% !important; max-height: 100% !important; min-height: unset !important; object-fit: cover !important; object-position: center !important; } } /*------------------------------------- Hero Banner End -------------------------------------*/ /*---- FAQ's Start ----*/ .faq-accordion{ max-width: 900px; margin-inline: auto; color: var(--st-white); } .faq-accordion .accordion-item{ border-radius: 10px; border: 0px; background-color: var(--st-light); margin-bottom: 20px; } .faq-accordion .accordion-item:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .faq-accordion .accordion-button{ border: 0px; border-radius: 0px !important; padding: 25px 60px 25px 30px; cursor: pointer; color: var(--st-white); background-color: transparent; align-items: flex-start; line-height: 1.3; } .faq-accordion .accordion-button:focus{ box-shadow: none; } .faq-accordion .accordion-button:after{ font-family: "Font Awesome 6 Free"; content: "\f078"; color: var(--st-white); font-weight: var(--st-bold); background-image: none; line-height: 1; position: absolute; right: 18px; top: 20px; background-color: var(--st-blue); width: 34px; height: 34px; border-radius: 50%; font-size: var(--st-font-16); display: flex; align-items: center; justify-content: center; transition: all 250ms; padding-left: 1px; } .faq-accordion .accordion-button:not(.collapsed){ background-color: transparent; box-shadow: none; } .faq-accordion .accordion-button:not(.collapsed)::after { font-family: "Font Awesome 6 Free"; content: "\f077"; transform: unset; line-height: 1; } .faq-accordion .accordion-body{ padding: 0px 30px 25px 30px; } .faq-accordion .accordion-button:hover:after{ background-color: var(--st-blue); color: var(--st-white); } .faq-accordion .accordion-body ul{ padding-left: 10px; margin: 0px; } .faq-accordion .accordion-body ul li{ position: relative; padding: 0px 0px 10px 20px; } .faq-accordion .accordion-body ul li:last-child{ padding-bottom: 0px; } .faq-accordion .accordion-body ul li:before{ font-family: "Font Awesome 6 Free"; content: "\f111"; font-weight: bold; font-size: 8px; position: absolute; left: 0px; top: 8px; } @media (max-width: 575px) { .faq-accordion .accordion-item{ margin-bottom: 15px; } .faq-accordion .accordion-button{ padding: 25px 60px 25px 20px; } .faq-accordion .accordion-button:after { width: 30px; height: 30px; font-size: var(--st-font-14); } .faq-accordion .accordion-body { padding: 0px 20px 20px 20px; } } /*---- FAQ's End ----*/ /*--- Number Counter ---*/ .counterbg{ background: url(../../uploads/2026/01/counterbg.jpg) no-repeat center center; background-size: cover; padding: 20px 0px !important; border-radius: 72px 0px 72px 0px; } .counterbox { border-right: solid 1px #ffffff; padding-block: 20px; text-align: center; } .counterbox:last-child{ border-right: 0px; } .counterbox.users:before { content: url("../../uploads/2026/counter-users-icon.png"); height: 70px; display: inline-block; margin-bottom: 20px; } .counterbox.clients:before { content: url("../../uploads/2026/counter-clients-icon.png"); height: 70px; display: inline-block; margin-bottom: 20px; } .counterbox.experts:before { content: url("../../uploads/2026/counter-experts-icon.png"); height: 70px; display: inline-block; margin-bottom: 20px; } .counterbox.resellers:before { content: url("../../uploads/2026/counter-resellers-icon.png"); height: 70px; display: inline-block; margin-bottom: 20px; } .counterbox .elementor-counter-number-wrapper{ font-size: var(--st-font-40); font-weight: var(--st-bold); } .counterbox .elementor-counter-title{ font-size: var(--st-font-30); line-height: normal; text-align: center; } @media (max-width: 1024px) { .counterbg{ border-radius: 40px 0px 40px 0px; padding: 20px !important; } .counterbox{ border: solid 1px rgba(255,255,255,0.4) !important; border-radius: 6px; } } @media (max-width: 767px) { .counterbg{ background-size: cover; padding: 30px 20px !important; } } /*--- Number Counter End ---*/ /*---- Fox bs Card ----*/ .fox-bs-card{ background-color: var(--st-light); border-radius: 10px; padding: 40px; display: flex; flex-direction: column; height: 100%; } .fox-bs-image{ margin-bottom: 30px; } .fox-bs-image img{ max-height: 60px; } .fox-bs-actions{ margin-top: auto; } .fox-bs-actions a{ margin-top: 35px; display: inline-flex; } .fox-bs-readmore{ color: var(--st-yellow) !important; font-weight: var(--st-sbold); text-decoration: none !important; position: relative; } .fox-bs-readmore:after{ content: ""; width: 0%; height: 1px; background-color: var(--st-yellow); position: absolute; bottom: -2px; left: 0px; transition: all 300ms ease; } .fox-bs-readmore:hover:after{ color: var(--st-white); width: 96%; } @media (max-width: 1199px) { .fox-bs-card{ padding: 30px; } } @media (max-width: 575px) { .fox-bs-card{ padding: 20px; } } /*---- Fox bs Card End ----*/ /*---- Fox bs Secondary Card ----*/ .fox-bs-secondary-card{ background-color: var(--st-light); border-radius: var(--st-radius20); padding: 40px 30px; display: flex; flex-direction: column; height: 100%; text-align: center; } .fox-bs-secondary-image{ display: flex; align-items: center; justify-content: center; min-height: 48px; margin-bottom: 30px; } .fox-bs-secondary-desc{ font-size: var(--st-font-16); } .fox-bs-secondary-actions{ margin-top: auto; padding-top: 25px; } @media (max-width: 1199px) { .fox-bs-secondary-card{ padding: 30px 20px; } .fox-bs-secondary-desc br{ display: none; } } /*---- Fox bs Secondary Card End ----*/ /*---- Business Solutions ----*/ .business-media{ display: flex; background-color: var(--st-blue); border-radius: 10px; padding: 28px 30px; margin-bottom: 18px; } .business-media:last-child{ margin-bottom: 0px; } .business-media-image{ flex-shrink: 0 !important; margin-top: 5px; } .business-media-arrow{ flex-shrink: 0 !important; margin-block: auto; margin-left: 10px; } .business-media-body{ flex-grow: 1 !important; margin-left: 20px; } @media (max-width: 575px){ .business-media{ padding: 20px; margin-bottom: 15px; } .business-media-image{ width: 30px; margin-top: 0px; } .business-media-body{ margin-left: 15px; } } /*---- Business Solutions End ----*/ /*---- Home Consultation ----*/ .home-consultation{ position: relative; max-width: 535px; } .home-consultation > img { width: 100%; border-radius: var(--st-radius16); } .home-consultation-body{ position: absolute; width: 100%; bottom: 0px; padding: 40px 40px 50px; } @media (max-width: 575px){ .home-consultation-body{ padding: 25px; } } /*---- Home Consultation End ----*/ /*---- Home Testimonial ----*/ .home-testimonial{ background-color: var(--st-white); padding: 40px; border-radius: 14px; } .home-testimonial p{ color: var(--st-black) !important; } @media (max-width: 575px){ .home-testimonial{ padding: 25px; } } .tag{ background-color: var(--st-gray); padding: 6px; border-radius: 5px; font-size: 12px; line-height: 1; margin: 5px 5px 0px 0px; } .tag i{ padding-right: 4px; } /*---- Home Testimonial End ----*/ /*---- Home Blog Seprate ----*/ .home-blog{ background-color: var(--st-white); border-radius: var(--st-radius16); color: var(--st-black); overflow: hidden; line-height: 1.2; padding: 25px; } .home-blog p{ color: var(--st-black) !important; font-size: var(--st-font-16); } .home-blog-thumb{ margin: -25px -25px 25px -25px; } .home-blog-thumb img{ max-width: 100%; width: 100%; height: 260px; object-fit: cover; } .blog-date{ font-size: var(--st-font-14); font-weight: var(--st-medium); padding-bottom: 15px; } .blog-name{ font-size: var(--st-font-20); font-weight: var(--st-bold); padding-bottom: 15px; } .home-blog-tag{ display: flex; align-items: center; gap: 6px; } .home-blog-tag:before{ content: "\f02c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #2b2b2b; } .home-blog-tag a{ font-size: var(--st-font-12); color: #2b2b2b; text-decoration: none !important; } .home-blog-tag a:hover{ color: #000000; } /*---- Home Blog Seprate End ----*/ /*------ Form Main ------*/ .footer-form-main{ background-color: var(--st-light); border-radius: var(--st-radius16); padding: 65px; } .footer-form-left{ flex-shrink: 0 !important; width: 100%; max-width: 400px !important; margin-right: 90px; } .footer-form-right{ flex-grow: 1 !important; } .footer-form-contact{ } .footer-form-contact .elementor-icon-box-title{ font-size: var(--st-font-22); font-weight: normal !important; color: var(--st-white) !important; } .footer-form-contact p{ font-size: var(--st-font-16) !important; font-weight: normal !important; } .footer-form-contact a{ text-decoration: none !important; } .footer-form-contact.last .elementor-icon-box-title{ display: none !important; visibility: hidden !important; } .footer-form-contact.last p.elementor-icon-box-description{ display: none !important; visibility: hidden !important; } .footer-form-contact .elementor-icon-box-icon span.elementor-icon{ width: 36px !important; } .footer-form .custom-error { font-size: var(--st-font-14); font-weight: normal !important; color: red !important; display: block !important; width: 100% !important; padding: 0px 15px 10px 15px !important; } @media (max-width: 767px) { .footer-form-contact .elementor-icon-box-icon span.elementor-icon{ width: auto !important; } } /*-- Form --*/ .footer-form{ } .footer-form form [class*="elementor-field-"]:focus{ box-shadow: none; background-color: transparent; } .footer-form form .elementor-field-group{ position: relative; padding-top: 15px; /*padding-bottom: 8px;*/ } .footer-form form .elementor-field-group > *{ position: relative; z-index: 1; } .footer-form form .elementor-field-group:after{ content: ""; background-color: var(--st-white) !important; position: absolute; left: 12px; right: 12px; top: 1px; height: 100%; border-radius: 10px; } .footer-form form label.elementor-field-label{ padding-inline: 16px; width: 100%; } .footer-form form .elementor-field-type-submit.elementor-field-group:after{ content: unset; } .footer-form form input, .footer-form form select, .footer-form form textarea{ box-shadow: unset !important; } .footer-form .elementor-field-type-select > .elementor-select-wrapper { display: block; } .footer-form .elementor-field-type-select > .elementor-select-wrapper .select-caret-down-wrapper { top: 20px !important; } .footer-form .elementor-field-type-select > .elementor-select-wrapper select { font-size: var(--st-font-16); background-color: var(--st-white); } #submit-btn{ transition: all 300ms ease-in-out; position: relative; z-index: 1; border-radius: 8px; min-width: 180px; font-weight: var(--st-sbold); padding: 10px 30px; text-decoration: none !important; line-height: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--st-yellow); color: var(--st-black); font-size: var(--st-font-18); } #submit-btn:hover, #submit-btn:focus { background-color: var(--st-yellow); color: var(--st-black); opacity: 0.8; } #submit-btn:focus { box-shadow: none; } /*-- Form End --*/ @media (max-width: 1199px) { .footer-form-main{ padding: 50px; } .footer-form-left{ max-width: 350px !important; margin-right: 60px; } } /* Tablet */ @media (max-width: 1024px){ .footer-form-main { padding: 30px; } .footer-form-left{ max-width: 100% !important; } .footer-form-right{ padding-top: 40px; } } /* Mobile */ @media (max-width: 767px){ .footer-form-main { padding: 30px 20px; } .footer-form-left{ max-width: 100% !important; margin-right: 0px; } .footer-form-right { flex-grow: unset !important; width: 100%; } .footer-form-contact .elementor-icon-box-icon .elementor-icon{ font-size: var(--st-font-28) !important; } } @media (max-width: 575px){ .footer-form-main { padding: 30px 15px; } .footer-form-contact .font-22{ font-size: 18px !important; } } /*------ Form Main End ------*/ .break-sm{ } @media (max-width: 1024px) { .break-sm br{ display: none; } } /*---- Icon Title Description ----*/ .icon-title-description{ } .icon-title-description figure{ display: flex !important; justify-content: center; width: 100% !important; } .icon-title-description h3{ font-size: var(--st-font-20) !important; } .icon-title-description p{ line-height: 1.3; } /*---- Icon Title Description End ----*/ /*---- Why Cloudmatika ----*/ .why-cloudmatika{ background-color: var(--st-white); border-radius: 10px; padding: 40px 28px 28px 28px; } .whycm-card{ background-color: var(--st-dark); border-radius: 10px; padding: 40px 30px; height: 100%; } .whycm-card-title-media{ display: flex; align-items: flex-end; gap: 20px; margin-bottom: 35px; } .whycm-card-title{ flex-grow: 1 !important; margin-bottom: 0px !important; font-size: var(--st-font-26); color: var(--st-lightblue) !important; } .whycm-card-title-icon{ flex-shrink: 0 !important; } .whycm-card-description{ font-size: var(--st-font-16); } @media (max-width: 1199px) { .whycm-card-title-media{ align-items: center; } .whycm-card-title-icon{ zoom: 0.8; } } @media (max-width: 575px) { .why-cloudmatika{ padding: 30px 10px 10px 10px; } .whycm-card{ padding: 25px; } } /*---- Why Cloudmatika End ----*/ /*---- List Yellow Icon ----*/ .list-yellow-icon{ } .list-yellow-icon ul li .elementor-icon-list-text{ font-size: var(--st-font-22); } /*---- List Yellow Icon End ----*/ /*---- Yellow Boredr Box ----*/ .yellow-border-box{ border: solid 1px var(--st-yellow); border-radius: var(--st-radius20); padding: 35px !important; } .yellow-border-box .elementor-image-box-title{ font-size: var(--st-font-24); font-weight: var(--st-sbold); color: var(--st-yellow) !important; } /*---- Yellow Boredr Box End ----*/ /*---- Cloud Products Domain Page ----*/ .cloud-products{ counter-reset: box-counter; /* start counter */ } .cloud-products-box{ counter-increment: box-counter; display: flex; margin-bottom: 30px !important; position: relative; } .cloud-products-box:last-child{ margin-bottom: 0px !important; } .cloud-products-box::before { /*content: counter(box-counter);*/ content: counter(box-counter, decimal-leading-zero); border-radius: var(--st-radius20); border: dashed 1px var(--st-yellow); width: 98px; height: 98px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin-right: 30px; font-size: var(--st-font-40); font-weight: var(--st-medium); color: #a5aaae; position: relative; z-index: 1; background-color: var(--st-dark); } .cloud-products-box::after { content: ""; width: 2px; height: 100%; background-color: var(--st-light); position: absolute; left: 49px; top: 30px; } .cloud-products-box:last-child::after{ top: 0px; } .cloud-products .elementor-icon-box-content{ border-radius: var(--st-radius20); background-color: var(--st-light); padding: 45px; } .cloud-products .elementor-icon-box-content h3.elementor-icon-box-title { font-size: var(--st-font-28); font-weight: var(--st-medium); } .cloud-products .elementor-icon-box-content p { font-size: var(--st-font-16); text-align: justify; } @media (max-width: 767px) { .cloud-products-box::before { width: 78px; height: 78px; margin-right: 15px; } .cloud-products .elementor-icon-box-content { padding: 30px; } } @media (max-width: 575px) { .cloud-products-box{ display: table; width: 100%; } .cloud-products-box::before { margin-inline: auto; margin-bottom: -38px; } .cloud-products-box::after { content: unset; position: unset; } .cloud-products .elementor-icon-box-content { padding: 70px 20px 20px; } } /*---- Cloud Products Domain Page End ----*/ .container-1080{ width: 100%; max-width: 1080px !important; margin-inline: auto !important; } /*---- Domain Page Search ----*/ .search-big{ width: 100%; border: solid 1px var(--st-white); border-radius: var(--st-radiusfull); padding: 10px !important; } .search-big form .e-search-input{ color: var(--st-white) !important; font-size: var(--st-font-30); padding-block: 5px; padding-left: 30px !important; } .search-big form button.e-search-submit { background-color: var(--st-yellow) !important; } @media (max-width: 575px) { .search-big{ border-radius: 16px; padding: 15px !important; background-color: #0a344d; border: 0px; } .search-big form.e-search-form { flex-direction: column; } .search-big form .e-search-input{ font-size: 18px; padding-block: 10px; padding-left: 15px !important; margin-bottom: 20px; background-color: #000 !important; border-radius: 10px; } .search-big form button.e-search-submit{ justify-content: center; } } .domain-type-box{ border: solid 1px var(--st-yellow); border-radius: var(--st-radius20); padding: 30px 20px !important; text-align: center; } .domain-type-box.blueborder{ border: solid 1px var(--st-lightblue); } .domain-type{ font-size: var(--st-font-24); font-weight: var(--st-sbold); line-height: 1; padding-bottom: 10px; } .domain-idr{ font-size: var(--st-font-20); } .domain-idr span{ font-size: var(--st-font-28); font-weight: var(--st-sbold); } /*---- Domain Page Search End ----*/ /*---- SSL ----*/ .ssl-box{ background-color: var(--st-light); border-radius: var(--st-radius10); padding: 20px; } .ssl-box-sub{ background-color: var(--st-black); border-radius: var(--st-radius10); padding: 40px 30px; } @media (max-width: 767px) { .ssl-box{ padding: 15px; } .ssl-box-sub{ padding: 20px; } } /*---- SSL End ----*/ /*---- Contact Us Form ----*/ .page-id-2832, .page-id-9966{ background-image: url("../../uploads/2026/01/contactus-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; } .contact-form{ padding: 40px 45px; border-radius: 20px; border: dashed 2px var(--st-white); } .contact-form form .elementor-size-md{ min-height: 52px; font-size: 16px; } .contact-form form select.elementor-size-md{ color: #666666; } @media (max-width: 1024px) { .contact-form{ padding: 30px 25px; } } @media (max-width: 575px) { .contact-form{ padding: 25px 20px; } } #send-message-btn{ transition: all 300ms ease-in-out; position: relative; z-index: 1; border-radius: 8px; min-width: 180px; font-weight: var(--st-sbold); padding: 10px 30px; text-decoration: none !important; line-height: 1; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--st-yellow); color: var(--st-black); font-size: var(--st-font-18); margin-top: 15px; } #send-message-btn:hover, #send-message-btn:focus { background-color: var(--st-yellow); color: var(--st-black); opacity: 0.8; } #send-message-btn:focus { box-shadow: none; } /*---- Contact Us Form End ----*/ /*---- Foundation Page ----*/ .foundation-wrapper{ width: 100%; max-width: 960px; margin-inline: auto; } .post-type-archive-foundation{ } .post-type-archive-foundation .site-content .ast-container{ padding-inline: 0px; display: unset; } /*Full Box*/ .foundation-fullbox{ margin-bottom: 60px; } .foundation-fullbox .foundation-listBox-thumb { height: unset !important; } /*Full Box End*/ /*List Box*/ .foundation-listBox{ } .foundation-listBox-thumb { margin-bottom: 25px; height: 255px; } .foundation-listBox-thumb img{ width: 100%; height: 100%; object-fit: cover; border-radius: 15px; } .foundation-listBox h3 { font-size: var(--st-font-24); margin-bottom: 15px; } .foundation-listBox h3 a{ color: var(--st-white) !important; } .foundation-listBox-description{ margin-bottom: 20px; } .foundation-listBox-description p{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 767px) { .foundation-listBox-thumb { height: auto; } } /*List Box End*/ /*-- Foundation Details Page --*/ .single-foundation{ } .single-foundation .site-content .ast-container{ padding-inline: 0px; display: unset; } .foundation-details{ } .foundation-details .foundation-listBox-thumb { height: unset !important; margin-top: 25px; } .foundation-details .foundation-listBox-thumb img { height: auto !important; } .foundation-details h1 { font-size: var(--st-font-24); margin-bottom: 15px; } .foundation-details h1 a{ color: var(--st-white) !important; } .foundation-details .foundation-listBox-description p{ display: unset; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; overflow: unset; } /*-- Foundation Details Page End --*/ /*---- Foundation Page End ----*/ /*--- Side Tabs ---*/ .tabs-custom{ } .tabs-custom .e-n-tabs-heading button .e-n-tab-title-text, .tabs-custom .e-n-tabs-heading button .e-n-tab-title-text h3 { font-size: var(--st-font-22); font-weight: var(--st-sbold); color: inherit !important; } .tabs-custom-body{ background-color: var(--st-white); border-radius: var(--st-radius10); padding: 50px; } .tabs-custom-body p{ color: var(--st-dark) !important; font-size: var(--st-font-16); text-align: justify; } .tab-verticalbody{ font-size: var(--st-font-22); } .tab-verticalbody h3 { font-size: var(--st-font-22); color: inherit !important; } .tab-verticalbody p{ font-size: var(--st-font-18); } @media (max-width: 1024px) { .tabs-custom-body{ padding: 30px; } } /*--- Side Tabs End ---*/ /*---- Cloud Backup Yellow Box ----*/ .cloudbackup-icontext-box{ border-radius: var(--st-radius10); background-color: var(--st-yellow); padding: 30px; } .cloudbackup-icontext-box figure{ background-color: var(--st-dark); min-width: 90px !important; aspect-ratio: 1; display: flex !important; align-items: center; justify-content: center; padding: 5px; margin-right: 20px !important; border-radius: var(--st-radius10); } .cloudbackup-icontext-box p{ font-size: var(--st-font-16); color: var(--st-dark) !important; font-weight: var(--st-sbold) !important; } @media (max-width: 1199px) { .cloudbackup-icontext-box{ padding: 20px; } } @media (max-width: 767px) { .cloudbackup-icontext-box { width: 100%; max-width: 400px !important; margin-inline: auto !important; padding: 25px; } .cloudbackup-icontext-box figure{ margin-bottom: 20px !important; } } /*---- Cloud Backup Yellow Box End ----*/ /*---- Tabs Navbar Rounded Common ----*/ .tabs-nav-rounded{ } .tabs-nav-rounded .e-n-tabs-heading{ background-color: var(--st-yellow) !important; border-radius: var(--st-radiusfull); margin-inline: auto; } .tabs-nav-rounded .e-n-tabs-heading button { border-radius: var(--st-radiusfull); color: var(--st-black) !important; font-weight: var(--st-bold) !important; padding: 10px 60px; min-height: 60px; min-width: 194px; } .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"], .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="true"]:hover { background-color: var(--st-white) !important; } .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="false"], .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="false"]:hover { background-color: transparent !important; } .tabs-nav-rounded .e-n-tabs-heading button span.e-n-tab-title-text{ font-size: var(--st-font-18); } @media (max-width: 767px) { .tabs-nav-rounded .e-n-tabs-heading button{ margin-block: 20px; } .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="false"], .tabs-nav-rounded .e-n-tabs-heading button.e-n-tab-title[aria-selected="false"]:hover { background-color: var(--st-yellow) !important; } } /*---- Tabs Navbar Rounded Common End ----*/ /*---- Cloudbackup Pricelist ----*/ .cb-pricelist-item{ background-color: var(--st-white); border-radius: var(--st-radius16); color: var(--st-black); padding: 20px 30px; } .cb-pricelist-item.dark{ background-color: var(--st-dark); color: var(--st-skyblue); } .cb-pricelist-item.dark *{ color: var(--st-skyblue); } .cb-pricelist-item small{ font-size: .800em; } .cb-pricelist-item-right{ text-align: right; } @media (max-width: 767px) { .cb-pricelist-item{ padding: 20px; } } .destop-mobile { font-weight: normal; font-size: var(--st-font-16); display: inline-flex !important; width: auto !important; max-width: unset !important; line-height: 1; } .destop-mobile *{ font-weight: normal; } .freeTrial-btn1{ background-color: transparent; font-size: var(--st-font-16); color: var(--st-black) !important; box-shadow: inset 0px 0px 0px 1px var(--st-black) !important; text-decoration: none !important; padding: 5px 25px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; } /*---- Nav Inner ----*/ .nav-inner-main{ margin-top: -30px !important; } .nav-inner{ background-color: var(--st-dark); color: var(--st-white); border: solid 1px #3691cb; border-radius: var(--st-radiusfull); padding: 8px 20px !important; min-height: 60px; display: inline-flex; align-items: center; justify-content: center; margin-inline: 20px; } .nav-inner ul.nav{ margin: 0px; padding: 0px; justify-content: center; row-gap: 10px; column-gap: 2px; } .nav-inner ul.nav li.nav-item{ } .nav-inner ul.nav li.nav-item a.nav-link{ font-size: var(--st-font-16); color: var(--st-white); font-weight: var(--st-medium); text-decoration: none; border-radius: var(--st-radiusfull); padding: 5px 30px; min-height: 38px; display: flex; align-items: center; justify-content: center; text-align: center; } .nav-inner ul.nav li.nav-item a.nav-link:hover { color: var(--st-black); background-color: var(--st-yellow); } @media (max-width: 1024px) { .nav-inner ul.nav li.nav-item a.nav-link{ padding: 5px 20px; } } @media (max-width: 767px) { .nav-inner ul.nav li.nav-item a.nav-link{ padding: 5px 15px; } } @media (max-width: 575px) { .nav-inner{ border-radius: 20px; } .nav-inner ul.nav{ gap: 5px; } } /*---- Nav Inner End ----*/ /*------ Policy Pages ------*/ /*.page-id-3867{ background-color: var(--st-white) !important; color: var(--st-black) !important; }*/ .policy-banner{ padding-block: 150px; text-align: center; } @media (max-width: 1024px) { .policy-banner { padding-block: 80px; } } @media (max-width: 767px) { .policy-banner { padding-block: 50px; } } /*-- Breadcrumb --*/ .policy-breadcrumb{ background-color: var(--st-light); border-radius: var(--st-radiusfull); border: dashed 1px var(--st-blue); display: inline-block; margin-bottom: 20px; } .policy-breadcrumb ol.breadcrumb{ margin-block: 8px; padding-inline: 25px; text-transform: uppercase; font-size: var(--st-font-16); justify-content: center; } .policy-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--st-white); opacity: .5; } .policy-breadcrumb ol.breadcrumb li.breadcrumb-item a { color: var(--st-yellow); text-decoration: none; } /*-- Breadcrumb End --*/ .policy-body{ background-color: var(--st-white) !important; color: var(--st-black) !important; font-size: 16px; } .policy-body *{ color: var(--st-black) !important; } .policy-body ul { margin: 0px 0px 15px 10px; padding: 0px; } .policy-body ul li{ position: relative; margin: 0px; padding: 0px 0px 10px 18px !important; } .policy-body ul li:before{ content: "\f111"; font-family: "Font Awesome 6 Free"; font-size: 8px; font-weight: 900; color: var(--st-black); position: absolute; left: 0px; top: 6px; } .nav-inner nav ul li .e-n-menu-title { background-color: transparent; color: var(--st-white); border-radius: var(--st-radiusfull); padding: 0px; min-height: 38px; } .nav-inner nav ul li .e-n-menu-title:hover { background-color: var(--st-yellow); color: var(--st-black); } .nav-inner nav ul li .e-n-menu-title a{ text-decoration: none !important; padding: 5px 30px; } .nav-inner nav ul li .e-n-menu-title a span.e-n-menu-title-text{ font-size: var(--st-font-16); font-weight: var(--st-medium); } .nav-inner nav ul li .e-n-menu-title.e-current a{ background-color: var(--st-yellow); color: var(--st-black); border-radius: var(--st-radiusfull); padding: 5px 30px; min-height: 38px; } .tab-nav-inner{ } .tab-nav-inner .e-n-tabs.e-activated{ } .tab-nav-inner .e-n-tabs-heading { background-color: var(--st-dark); color: var(--st-white); border: solid 1px #3691cb; border-radius: 50px; padding: 8px 20px !important; min-height: 60px; margin-top: -30px !important; display: flex; align-items: center; row-gap: 5px; column-gap: 2px; max-width: 800px; margin-inline: auto; } .tab-nav-inner .e-n-tabs-heading button{ background-color: var(--st-yellow); color: var(--st-black) !important; border-radius: 50px; padding: 5px 30px; min-height: 38px; margin: 0px !important; } .tab-nav-inner .e-n-tabs-heading button[aria-selected="false"] .e-n-tab-title-text{ color: var(--st-white) !important; } .tab-nav-inner .e-n-tabs-heading button:hover .e-n-tab-title-text{ color: var(--st-black) !important; } @media (max-width: 1024px) { .tab-nav-inner .e-n-tabs-heading button{ padding: 5px 20px; } } @media (max-width: 575px) { .tab-nav-inner .e-n-tabs-heading { border-radius: 20px; gap: 5px; } } /*------ Policy Pages End ------*/ .dot-linebox{ border: dashed 2px var(--st-yellow); border-radius: 30px; padding: 60px; } @media (max-width: 575px) { .dot-linebox{ padding: 30px; } } /*------ About Us ------*/ .about-mission{ text-align: center; padding: 90px 50px; border-radius: 40px 0px 40px 0px; } .about-mission h3{ font-size: var(--st-font-30); color: var(--st-yellow) !important; } @media (max-width: 575px) { .about-mission{ padding: 60px 30px; } } .our-products{ background-color: var(--st-blue); } .our-products-check ul { display: flex; flex-wrap: wrap; gap: 30px; width: 100%; margin: 0px !important; } .our-products-check ul li{ width: calc((100% - 60px) / 3); margin: 0px !important; } .our-products-check ul li a{ color: var(--st-white) !important; text-decoration: none !important; } .our-products-check ul li a:hover .elementor-icon-list-text{ color: var(--st-yellow) !important; } .our-products-check ul li .elementor-icon-list-icon{ } .our-products-check ul li .elementor-icon-list-text{ font-size: var(--st-font-20); color: var(--st-white) !important; font-weight: var(--st-sbold) !important; } .our-products-check.column4 { } .our-products-check.column4 ul li{ width: calc((100% - 90px) / 4); } @media (max-width: 1199px) { .our-products-check ul { gap: 20px; } .our-products-check ul li .elementor-icon-list-text{ font-size: var(--st-font-18); } .our-products-check.column4 ul li{ width: calc((100% - 60px) / 4); } } @media (max-width: 1024px) { .our-products-check ul { gap: 30px; } .our-products-check.column4 ul li{ width: calc((100% - 60px) / 3); } } @media (max-width: 767px) { .our-products-check ul { gap: 20px; } .our-products-check ul li, .our-products-check.column4 ul li{ width: calc((100% - 20px) / 2); } } @media (max-width: 575px) { .our-products-check ul { gap: 15px; } .our-products-check ul li, .our-products-check.column4 ul li{ width: 100%; } } .aboutus-our-customers{ background-color: var(--st-white); border-radius: var(--st-radius20); padding: 20px 120px; } @media (max-width: 1024px) { .aboutus-our-customers{ padding: 20px 60px; } } @media (max-width: 767px) { .aboutus-our-customers{ padding: 20px; } } .aboutus-team{ background-color: var(--st-yellow); border-radius: var(--st-radius20); } .aboutus-team figure.elementor-image-box-img{ margin: 0px !important; border-radius: var(--st-radius20); overflow: hidden; } .aboutus-team figure.elementor-image-box-img img { width: 100%; } .aboutus-team .elementor-image-box-content{ padding: 12px 25px; } .aboutus-team h6{ margin: 0px !important; font-size: var(--st-font-16) !important; font-weight: var(--st-bold) !important; color: var(--st-black) !important; } .aboutus-team p{ margin: 0px !important; font-size: var(--st-font-12) !important; font-weight: var(--st-normal) !important; color: var(--st-black) !important; } /*------ About Us End ------*/ /*---- Disaster Recovery ----*/ .disasterRecovery-icontext-box{ border-radius: var(--st-radius10); background-color: #eeeeee; padding: 40px; height: 100%; } .disasterRecovery-icontext-box figure{ background-color: var(--st-dark); min-width: 90px !important; aspect-ratio: 1; display: flex !important; align-items: center; justify-content: center; padding: 5px; margin-inline: auto !important; border-radius: var(--st-radius10); } .disasterRecovery-icontext-box p{ font-size: var(--st-font-16); color: var(--st-dark) !important; font-weight: var(--st-normal) !important; } .dr-always-expect{ border-radius: var(--st-radius16); background-color: #eeeeee; padding: 50px; } @media (max-width: 575px) { .dr-always-expect{ padding: 40px 20px; } } .dr-icon-orangebg{ font-size: var(--st-font-16); } .dr-icon-orangebg figure{ background-color: var(--st-orange); border-radius: 100%; width: 156px; height: 156px; display: flex !important; align-items: center; justify-content: center; padding: 35px; margin-inline: auto !important; } /*Plan Table*/ .dr-plan-table{ margin-bottom: 50px !important; } .dr-plan-table table.tafe-table{ background-color: var(--st-blue); color: var(--st-white); border-radius: 16px !important; overflow: hidden; line-height: normal; min-width: var(--st-mobtable); } .dr-plan-table table.tafe-table thead.tafe-table-header{ background-color: var(--st-orange); color: var(--st-white); } .dr-plan-table table.tafe-table thead.tafe-table-header tr th{ padding-block: 20px !important; } .dr-plan-table table.tafe-table tbody.tafe-table-body{ font-size: var(--st-font-16); } /*Plan Table End*/ /*---- Disaster Recovery End ----*/ /*---- Data Center ----*/ .dc-counterbox{ background-color: var(--st-dark); aspect-ratio: 1; padding: 20px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dc-counterbox p.elementor-image-box-title{ font-size: var(--st-font-22); font-weight: var(--st-medium); margin: 0px !important; } .dc-counterbox p.elementor-image-box-description{ font-size: var(--st-font-40); font-weight: var(--st-bold); color: var(--st-yellow) !important; } .datacenter-table{ } .datacenter-table table.tafe-table{ line-height: normal; } .datacenter-table table.tafe-table thead.tafe-table-header{ background-color: var(--st-skyblue); color: var(--st-dark); } .datacenter-table table.tafe-table thead.tafe-table-header tr th{ padding-block: 15px !important; } @media (max-width: 767px) { .datacenter-table table.tafe-table.auto-responsive-active td:before{ position: relative; padding-left: 0px; color: #ffffff; font-weight: var(--st-bold); } } .list-disc{ } .list-disc ul{ } .list-disc ul li{ list-style: disc; } ul.list-disc { } ul.list-disc li{ list-style: disc; } /*---- Data Center End ----*/ /*---- Cloud WAF ----*/ .cloud-waf-faqs{ } .cloud-waf-faqs .faq-accordion{ max-width: 100% !important; } .cloud-waf-pricing-table{ } .cloud-waf-pricing-table table.tafe-table{ min-width: var(--st-mobtable); } /*.cloud-waf-pricing-table table.tafe-table thead.tafe-table-header tr th{ border: 0px !important; }*/ .cloud-waf-pricing-table table.tafe-table thead.tafe-table-header tr th{ border-color: var(--st-dark) !important; } .cloud-waf-pricing-table table.tafe-table tbody.tafe-table-body tr td{ border-color: var(--st-dark) !important; } /*-- Theme FAQ's --*/ .theme-faqs{ } .theme-faqs details { background-color: var(--st-light) !important; color: var(--st-white) !important; border-radius: var(--st-radius10); margin-bottom: 20px !important; } .theme-faqs details summary { line-height: 1.3; padding: 22px 18px 22px 30px !important; } .theme-faqs details summary .e-n-accordion-item-title-icon{ background-color: var(--st-blue); width: 34px; min-width: 34px; height: 34px; aspect-ratio: 1; border-radius: 50%; font-size: var(--st-font-16); display: flex; align-items: center; justify-content: center; margin-left: auto; } .theme-faqs details summary .e-n-accordion-item-title-text{ font-size: var(--st-font-20) !important; } .theme-faq-item{ border: 0px !important; padding: 0px 30px 22px 30px !important; } @media (max-width: 575px) { .theme-faqs details summary{ padding: 20px !important; } .theme-faq-item{ padding: 0px 20px 20px 20px !important; } } /*-- Theme FAQ's End --*/ /*FAQ Traditional WAF vs Cloudmatika WAF*/ .traditionalVsCloudmatika { } .traditionalVsCloudmatikaTit { background-color: #ff3c00; text-align: center; padding: 20px; font-size: 18px; font-weight: bold; color: #ffffff; } .traditionalVsCloudmatikaBox { padding: 15px; border: solid 1px #e4e7ea; border-top: 0px; min-height: 150px; display: flex; flex-direction: column; justify-content: center; } .traditionalVsCloudmatikaBox p { font-size: 16px !important; padding-bottom: 6px; line-height: 1.5 !important; margin-bottom: 0px !important; } .traditionalVsCloudmatikaBox p:last-child { padding-bottom: 0px; } .traditionalVsCloudmatikaTag { background-color: #ecf9ff; border: solid 1px #e4e7ea; border-right: 0px; border-top: 0px; height: 100%; padding: 20px; } .traditionalVsCloudmatikaTag.top { border-top: solid 1px #e4e7ea; } .traditionalVsCloudmatikaTag p { font-size: 18px; font-weight: bold; color: #052334 !important; display: block; width: 100%; padding-top: 8px; margin-bottom: 0px; } .traditionalVsCloudmatikaArrow { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } @media (max-width: 767px) { .traditionalVsCloudmatikaTag { display: flex !important; align-items: center; gap: 10px; margin-bottom: 10px; } .traditionalVsCloudmatikaTag p{ padding: 0px; } } /*FAQ Traditional WAF vs Cloudmatika WAF End*/ .minutes-5{ } .minutes-5 p{ color: var(--st-dark) !important; } .waf-intelligentWebApplication, .waf-intelligentWebApplication *{ color: var(--st-dark) !important; } /*---- Cloud WAF End ----*/ /*---- Operational Status Page ----*/ /*-- Table Css --*/ table.tafe-table{ line-height: normal; border-width: 0px; } table.tafe-table thead tr th { border-top: 0px !important; } table.tafe-table thead tr th:first-child, table.tafe-table tbody tr td:first-child { border-left: 0px !important; } table.tafe-table thead tr th:last-child, table.tafe-table tbody tr td:last-child { border-right: 0px !important; } table.tafe-table thead tr th, table.tafe-table tbody tr td { word-break: unset; } .table-light { color: var(--st-black); font-weight: normal; } .table-light table { color: var(--st-black) !important; } .table-alternate{ } .table-alternate table.tafe-table tbody tr { background-color: var(--st-white); color: var(--st-black); } .table-alternate table.tafe-table tbody tr:nth-child(odd) { background-color: #e9eef1; } .table-outer-border{ } .table-outer-border table.tafe-table{ border-width: 1px; } .table-border-none{ } .table-border-none table.tafe-table td, .table-border-none table.tafe-table th{ border: 0px !important; } .table-width{ min-width: var(--st-mobtable); } @media (max-width: 767px) { .table-responsive table.tafe-table{ min-width: var(--st-mobtable); } table.tafe-table.auto-responsive-active td::before{ position: relative; padding-left: 0px; width: auto; font-weight: var(--st-sbold); } } /*-- Table Css End --*/ /*.table-alternate{ } .table-alternate table { border: 0px; } .table-alternate table.tafe-table { background-color: var(--st-white) !important; color: var(--st-dark) !important; } .table-alternate table.tafe-table thead { background-color: var(--st-blue) !important; color: var(--st-white) !important; } .table-alternate table.tafe-table thead tr th{ padding-block: 12px !important; } .table-alternate table.tafe-table tbody tr:nth-child(odd) { background-color: #e9eef1; }*/ /*---- Operational Status Page End ----*/ /*---- Operation Status Updates Item ----*/ .operationStatus-updates-item { /*font-size: 20px;*/ padding: 10px; margin-bottom: 15px; position: relative; border-radius: 10px; display: flex; align-items: center; background-color: var(--st-light); border: dashed 1px var(--st-blue); } .operationStatus-updates-item:last-child { margin-bottom: 0px; } .operationStatus-updates-item-post { flex-shrink: 0 !important; width: 100px; aspect-ratio: 1; border-radius: 10px; color: #ffffff; text-align: center; background-color: var(--st-blue); display: flex; flex-direction: column; } .operationStatus-updates-item-post h5 { font-size: 22px; margin: 0px; padding: 15px 0px 5px; } .operationStatus-updates-item-post h5 small { font-size: 16px; display: block; line-height: normal; } .operationStatus-updates-item-post h6 { font-size: 12px; color: var(--st-yellow) !important; font-weight: normal; margin: 0px; margin-top: auto; padding: 0px 2px 8px; border-radius: 0px 0px 6px 6px; min-height: 26px; } .operationStatus-updates-item-content{ flex-grow: 1 !important; margin-left: 25px; } .operationStatus-updates-item-content a { color: #4281a5; text-decoration: none !important; } .operationStatus-updates-item-content a:hover { color: #000000; } .operationStatus-updates-item-content p{ font-size: 18px; margin-bottom: 0px; } .operationStatus-updates-item-content span { font-size: 11px; color: #ffffff; display: inline-block; padding: 2px 5px; margin-bottom: 5px; } .bg-cyan{ background-color: #00bfef !important; } @media (max-width: 767px) { .operationStatus-updates-item-content p{ font-size: 16px; } } @media (max-width: 575px) { .operationStatus-updates-item{ align-items: flex-start; } .operationStatus-updates-item-content{ margin-left: 15px; } .operationStatus-updates-item-content p{ font-size: 14px; } .operationStatus-updates-item-post{ width: 90px; } .operationStatus-updates-item-post h5 { font-size: 20px; padding: 10px 0px 5px; } .operationStatus-updates-item-post h5 small { font-size: 14px; } .operationStatus-updates-item-post h6 { font-size: 11px; } } /*---- Operation Status Updates Item End ----*/ /*-- Free Trial --*/ .free-trial{ border: dashed 2px var(--st-yellow); border-radius: 30px; padding: 40px 45px !important; max-width: 1000px; margin-inline: auto; } .free-trial-media{ } .free-trial-media .elementor-image-box-wrapper .elementor-image-box-content{ display: flex; flex-direction: column; gap: 10px; } .free-trial-media .elementor-image-box-wrapper > figure.elementor-image-box-img { min-width: 132px; } .free-trial-media h5{ font-size: var(--st-font-30) !important; color: var(--st-yellow) !important; font-weight: var(--st-bold) !important; margin: 0px !important; } .free-trial-media p{ font-size: var(--st-font-18) !important; } /*Reverse*/ .free-trial.reverse .free-trial-media .elementor-image-box-wrapper .elementor-image-box-content{ flex-direction: column-reverse !important; gap: 5px; } .free-trial.reverse .free-trial-media p{ font-size: var(--st-font-20) !important; } /*Title tag h5 to p tag*/ .free-trial-media p.elementor-image-box-title, .free-trial.reverse .free-trial-media p.elementor-image-box-title{ font-size: var(--st-font-30) !important; color: var(--st-yellow) !important; font-weight: var(--st-bold) !important; margin: 0px !important; } @media (max-width: 1024px) { .free-trial{ padding: 30px !important; } .free-trial-media{ } .free-trial-media .elementor-image-box-wrapper > figure.elementor-image-box-img { min-width: 120px; } } @media (max-width: 575px) { .free-trial{ padding: 20px !important; border-radius: 20px; } } /*-- Free Trial End --*/ /*------ Virtual Private Cloud Page ------*/ .vpc-fox-bs-card{ } .vpc-fox-bs-card .fox-bs-card{ background-color: var(--st-dark); } .vpc-fox-bs-card .fox-bs-card .fox-bs-image img { max-height: 82px; } .vpc-fox-bs-card .fox-bs-card .fox-bs-desc p{ font-size: 16px; } /*-- Virtual Private Cloud Image Text Box --*/ .vpc-image-text-box{ border-radius: var(--st-radius10); border: solid 2px #445a68; padding: 30px; height: 100%; } .vpc-image-text-box .elementor-image-box-wrapper{ display: flex; flex-direction: column; height: 100%; align-items: center; } .vpc-image-text-box .elementor-image-box-wrapper figure.elementor-image-box-img{ display: flex; align-items: center; justify-content: center; min-height: 100px; } .vpc-image-text-box .elementor-image-box-wrapper .elementor-image-box-content{ margin-top: auto; } @media (max-width: 1199px) { .vpc-image-text-box .elementor-image-box-wrapper .elementor-image-box-content p br { display: none; } } @media (max-width: 1024px) { .vpc-image-text-box{ padding: 20px; } } /*-- Virtual Private Cloud Image Text Box End --*/ /*------ Virtual Private Cloud Page End ------*/ /*------ Email and Collaboration Page ------*/ .email-and-collaboration-banner{ } .email-and-collaboration-banner .hero-thumb img{ box-shadow: 0px 20px 30px #165c8b; border-radius: 16px; } .email-and-collaboration-sixboxes{ border-radius: var(--st-radius10); border: solid 2px #445a68; padding: 25px; /*aspect-ratio: 1;*/ width: calc((100% - 100px) / 6); } .email-and-collaboration-sixboxes .elementor-image-box-wrapper{ display: flex; flex-direction: column; height: 100%; align-items: center; } .email-and-collaboration-sixboxes .elementor-image-box-wrapper figure.elementor-image-box-img{ width: 83px; height: 83px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--st-white); padding: 3px; } .email-and-collaboration-sixboxes .elementor-image-box-wrapper .elementor-image-box-content{ margin-top: auto; } .email-and-collaboration-find-out-box{ border: dashed 2px var(--st-yellow); border-radius: 30px; padding: 60px 70px !important; max-width: 1000px; margin-inline: auto; } @media (max-width: 1024px) { .email-and-collaboration-find-out-box{ padding: 60px !important; } } @media (max-width: 767px) { .email-and-collaboration-find-out-box{ padding: 50px 40px !important; } } @media (max-width: 575px) { .email-and-collaboration-find-out-box{ padding: 30px 20px !important; } } .email-and-collaboration-icon-box{ background-color: var(--st-blue); border-radius: var(--st-radius10); padding: 50px 40px; height: 100%; } .email-and-collaboration-icon-box .elementor-image-box-wrapper{ display: flex; flex-direction: column; height: 100%; align-items: center; } .email-and-collaboration-icon-box .elementor-image-box-wrapper figure.elementor-image-box-img{ background-color: var(--st-white); display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; min-width: 110px; aspect-ratio: 1; padding: 15px; border-radius: var(--st-radius-circle); } .email-and-collaboration-icon-box .elementor-image-box-content h3{ font-size: var(--st-font-26); font-weight: var(--st-bold) !important; color: var(--st-yellow) !important; } /*-- Pricing --*/ .zimbra-pricingbox{ background-color: var(--st-skyblue); height: 100%; } .zimbra-pricingbox.light li.fox-list-item .fox-list-text{ color: var(--st-black); } .zimbra-pricingbox.dark{ background-color: var(--st-light); } .zimbra-pricingbox.dark .zimbra-pricingbox-heading:after{ border-bottom: solid 1px var(--st-white) !important; } .zimbra-pricingbox-heading{ min-height: 192px; text-align: center; padding: 20px; position: relative; } .zimbra-pricingbox-heading:after{ content: ""; border-bottom: solid 1px var(--st-dark); position: absolute; left: 20px; right: 20px; bottom: 0px; } .zimbra-pricinglist { padding: 40px 30px; } .zimbra-pricinglist ul.fox-icon-text-list{ margin: 0px; padding: 0px; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item { /*text-align: center;*/ padding-bottom: 20px; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item:last-child { padding-bottom: 0px; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item label.fox-list-label{ display: none; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item .fox-list-icon{ display: flex; align-items: center; justify-content: center; height: 27px; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item .fox-list-text{ font-weight: var(--st-medium); } .zimbra-pricingbox.col1names{ border-radius: 30px 0px 0px 30px; } .zimbra-pricingbox.col2{ border-radius: 30px 0px 0px 0px; } .zimbra-pricingbox.collast{ border-radius: 0px 30px 30px 0px; } @media (max-width: 1360px) { .email-and-collaboration-sixboxes{ width: calc((100% - 60px) / 4); /*aspect-ratio: 1.3;*/ } .email-and-collaboration-sixboxes .elementor-image-box-wrapper .elementor-image-box-content br{ display: none; } } @media (max-width: 1199px) { /*.email-and-collaboration-sixboxes{ aspect-ratio: 1.1; }*/ .email-and-collaboration-icon-box{ padding: 40px 30px; } .zimbra-pricingbox-heading .font-24 { font-size: var(--st-font-16) !important; } .zimbra-pricingbox-heading .font-30 { font-size: var(--st-font-24) !important; } .zimbra-pricinglist { padding: 30px 15px; } } @media (max-width: 1024px) { .email-and-collaboration-sixboxes{ width: calc((100% - 40px) / 3); /*aspect-ratio: 1.3;*/ padding: 25px 20px; } .email-and-collaboration-icon-box { padding: 30px 20px; } .email-and-collaboration-icon-box .elementor-image-box-wrapper figure.elementor-image-box-img{ width: 90px; height: 90px; min-width: 90px; } .email-and-collaboration-icon-box .elementor-image-box-content h5{ font-size: 22px; } .zimbra-pricingbox{ width: calc((100% - 10px) / 2); height: unset; border-radius: var(--st-radius20) !important; } .zimbra-pricingbox.dark .fox-list-label{ color: var(--st-white); } .zimbra-pricingbox.col2{ border-radius: 30px 0px 0px 30px; } .zimbra-pricingbox-heading .font-24 { font-size: var(--st-font-22) !important; } .zimbra-pricingbox-heading .font-30 { font-size: var(--st-font-30) !important; } .zimbra-pricinglist ul.fox-icon-text-list li.fox-list-item label.fox-list-label{ display: block; padding-bottom: 5px; } } @media (max-width: 767px) { .email-and-collaboration-sixboxes{ width: calc((100% - 20px) / 2); } .email-and-collaboration-icon-box .elementor-image-box-wrapper figure.elementor-image-box-img{ margin-bottom: 30px !important; } } @media (max-width: 575px) { .email-and-collaboration-sixboxes{ width: 100% !important; /*aspect-ratio: auto;*/ } .zimbra-pricingbox{ width: 100% !important; } } /*-- Pricing End --*/ /*------ Email and Collaboration Page End ------*/ /*------ Mail Buster Page ------*/ /*Why Email Security Part*/ .mail-buster-icontext-box{ width: 100%; max-width: 200px !important; margin-inline: auto; } .mail-buster-icontext-box figure{ background-color: var(--st-dark); width: 100px !important; aspect-ratio: 1; display: flex !important; align-items: center; justify-content: center; padding: 5px; border-radius: var(--st-radius10); border: solid 2px #254a61; margin-inline: auto !important; } .mail-buster-icontext-box p{ font-size: var(--st-font-16); font-weight: var(--st-medium) !important; } @media (max-width: 767px) { .mail-buster-icontext-box{ max-width: 280px !important; } } /*Why Email Security End*/ /*Cloudmatika Mail Buster Features Part*/ .mail-buster-features-icontext-box{ margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: solid 2px var(--st-light); } .mail-buster-features-icontext-box figure{ background-color: var(--st-white); width: 90px !important; min-width: 90px; aspect-ratio: 1; display: flex !important; align-items: center; justify-content: center; padding: 5px; border-radius: var(--st-radius10); margin-bottom: 0px !important; } .mail-buster-features-icontext-box h3{ font-size: var(--st-font-20); font-weight: var(--st-bold) !important; color: var(--st-yellow) !important; margin-bottom: 0px !important; } @media (max-width: 1024px) { .mail-buster-features-icontext-box figure{ width: 80px !important; min-width: 80px; } } @media (max-width: 767px) { .mail-buster-features-icontext-box{ margin-bottom: 0px !important; border-bottom: 0px; } .mail-buster-features-icontext-box figure{ margin-bottom: 20px !important; } } /*Cloudmatika Mail Buster Features End*/ .line-dashed{ background-image: url("../../uploads/2026/02/line-dashed.png"); background-repeat: repeat-x; min-height: 2px; width: 100%; position: relative; } .line-dashed.dots{ } .line-dashed.dots:before{ content: ""; background-color: var(--st-white); width: 18px; height: 18px; display: inline-block; border-radius: var(--st-radius-circle); position: absolute; left: 0px; top: 50%; transform: translate(0%,-50%); } .line-dashed.dots:after{ content: ""; background-color: var(--st-white); width: 18px; height: 18px; display: inline-block; border-radius: var(--st-radius-circle); position: absolute; right: 0px; top: 50%; transform: translate(0%,-50%); } .mail-buster-work-steps{ font-size: var(--st-font-22); line-height: 1.3; } .mail-buster-work-steps h3{ font-size: var(--st-font-30) !important; } .mail-buster-work-steps-number{ width: 80px; height: 80px; border-radius: var(--st-radius-circle); display: flex; align-items: center; justify-content: center; padding: 5px; background-color: var(--st-skyblue); border: solid 7px var(--st-dark); margin: -40px auto 40px; font-size: var(--st-font-40); font-weight: var(--st-medium); color: var(--st-dark); } @media (max-width: 1199px) { .mail-buster-work-steps{ font-size: var(--st-font-18); } .mail-buster-work-steps h3{ font-size: var(--st-font-24) !important; } } @media (max-width: 1024px) { .mail-buster-work-steps-number { width: 60px; height: 60px; font-size: var(--st-font-30); margin: -30px auto 40px; } } @media (max-width: 767px) { .mail-buster-work-steps{ max-width: 400px !important; border: dashed 2px var(--st-skyblue); border-radius: 16px; padding: 50px 40px 40px; margin-inline: auto; margin-top: -30px; } .mail-buster-work-steps-number{ margin: 0px auto; position: relative; z-index: 2; } } .mail-buster-work-step-filtering-features{ margin-bottom: 35px !important; } .mail-buster-work-step-filtering-features .elementor-image-box-wrapper{ position: relative; } .mail-buster-work-step-filtering-features figure.elementor-image-box-img{ background-color: var(--st-skyblue); width: 54px !important; min-width: 54px; height: 54px; aspect-ratio: 1; display: flex !important; align-items: center; justify-content: center; padding: 10px; border-radius: 12px; position: absolute; left: 0px; top: 0px; } .mail-buster-work-step-filtering-features h4{ font-size: var(--st-font-22); font-weight: var(--st-sbold) !important; margin-bottom: 0px !important; color: var(--st-skyblue) !important; max-width: 450px !important; margin-left: 70px; min-height: 58px; } .mail-buster-work-step-filtering-features p{ color: var(--st-skyblue) !important; padding-top: 10px; max-width: 510px !important; line-height: 1.3; } @media (max-width: 1024px) { .mail-buster-work-step-filtering-features h3 { display: flex; align-items: center; } .mail-buster-work-step-filtering-features h3 br{ display: none; } } @media (max-width: 767px) { .mail-buster-work-step-filtering-features{ background-color: var(--st-darkmore); border-radius: var(--st-radius16); padding: 25px !important; margin-bottom: 15px !important; } .mail-buster-work-step-filtering-features figure.elementor-image-box-img{ position: unset; margin: 0px 0px 20px !important; width: 64px !important; min-width: 64px; height: 64px; } .mail-buster-work-step-filtering-features h3{ max-width: 100% !important; margin-left: 0px; min-height: unset; } .mail-buster-work-step-filtering-features p{ max-width: 100% !important; } } .vertical-line{ width: 1px; height: 100%; margin-inline: auto; background-color: #21485f; } /*------ Mail Buster Page End ------*/ /*------ Cloud VPS Page ------*/ .cloudVPS-fox-bs-card{ } .cloudVPS-fox-bs-card .fox-bs-card .fox-bs-image { min-height: 64px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .cloudVPS-fox-bs-card .fox-bs-card .fox-bs-image img { max-height: 82px; } .cloudVPS-fox-bs-card .fox-bs-card .fox-bs-desc p{ font-size: 16px; } .list-yellow-icon.cloudVPSlist{ } .list-yellow-icon.cloudVPSlist ul li { border: solid 2px #3b5d71; border-radius: var(--st-radius10); padding: 20px 25px !important; margin: 0px 0px 20px 0px !important; } .list-yellow-icon.cloudVPSlist ul li:last-child { margin: 0px !important; } @media (max-width: 1024px) { .list-yellow-icon.cloudVPSlist ul li { padding: 15px 20px !important; } } /*Specifiction Table*/ .cloudVPS-specifiction-table{ } .cloudVPS-specifiction-table table { line-height: normal; } .cloudVPS-specifiction-table table thead.tafe-table-header { display: none; } .cloudVPS-specifiction-table table tbody.tafe-table-body tr td:first-child { background-color: var(--st-light) !important; color: var(--st-white) !important; font-weight: var(--st-bold); width: 330px; } @media (max-width: 1199px) { .cloudVPS-specifiction-table table tbody.tafe-table-body tr td { padding: 15px 20px; } .cloudVPS-specifiction-table table tbody.tafe-table-body tr td:first-child { width: 200px; } } @media (max-width: 767px) { .cloudVPS-specifiction-table table { border-width: 1px; } .cloudVPS-specifiction-table table tbody.tafe-table-body tr td { display: block; width: 100%; } .cloudVPS-specifiction-table table tbody.tafe-table-body tr td:first-child { width: 100%; } } /*Specifiction Table End*/ .cloudVPS-planbox{ background-color: var(--st-white); border-radius: var(--st-radius10); padding: 32px 30px; text-align: center; height: 100%; display: flex; flex-direction: column; gap: 15px; } .cloudVPS-planbox *{ color: var(--st-black) !important; } .cloudVPS-planbox ul { padding: 0px; margin: 0px; } .cloudVPS-planbox ul li{ padding-block: 15px !important; border-top: solid 1px #dfe1e6; } .cloudVPS-planbox ul li:first-child{ border-top: 0px; } .cloudVPS-ChoosePaymentPeriod{ min-height: 50px; border-radius: 8px; font-size: var(--st-font-18); font-weight: var(--st-sbold); } .cloudVPS-ChoosePaymentPeriod:focus{ border-color: transparent; box-shadow: unset; } @media (max-width: 1024px) { .cloudVPS-planbox .btn-yellow{ min-width: unset; } } /*Option Table*/ .cloudVPS-option-table{ } .cloudVPS-option-table table.tafe-table { min-width: var(--st-mobtable); } .cloudVPS-option-table table tbody.tafe-table-body{ border: solid 2px #0a344d; border-top: 0px; border-right: 0px; } /*Option Table End*/ /*plesk*/ .cloudVPS-plesk{ background-color: var(--st-white); border-radius: var(--st-radius10); padding: 40px 80px; } .cloudVPS-plesk h2{ color: var(--st-black) !important; font-size: var(--st-font-26) !important; font-weight: var(--st-bold) !important; } .cloudVPS-plesk p{ color: var(--st-black) !important; } @media (max-width: 1024px) { .cloudVPS-plesk{ padding: 40px; } } @media (max-width: 767px) { .cloudVPS-plesk{ padding: 40px 25px; } } /*plesk end*/ /*---- VPC & VPS VPC Hosting Products Table ----*/ .vpc-table {} .vpc-table table { margin: 0px; padding: 0; width: 100%; table-layout: fixed; border: 0px; } .vpc-table table thead tr:first-child th { background-color: transparent; } .vpc-table table th { padding: 15px 20px; vertical-align: middle; border: 0px; color: #186191; font-size: var(--st-font-20); } .vpc-table-header { background-color: #052334; color: #ffffff; } .vpc-table-header th { border: solid 1px #dadcdd !important; } .vpc-table-col1bg{ background-color: #f3f5f6 !important; } .vpc-table-col1 { text-align: left; font-weight: 500; background-color: #f3f5f6 !important; } .vpc-table-col1 div { display: flex; align-items: center; } .vpc-table-col1 span { width: 34px; margin-right: 10px; display: inline-block; text-align: center; color: #f3505a !important; font-size: 20px; } .vpc-table table tbody { border: solid 1px #eeeeee; text-align: left; font-size: 16px; } .vpc-table table td { padding: 18px 20px; border: solid 1px #dadcdd; /*border-top: 0px; border-bottom: 0px;*/ vertical-align: middle; } .vpc-table .blankTd {} /*.vpc-table table tbody tr:first-child td { padding-top: 35px; } .vpc-table table tbody tr:last-child td { padding-bottom: 35px; }*/ .vpc-table-div { display: none; } @media (max-width: 700px) { .vpc-table { display: none; } .vpc-table-div { display: block; text-align: center; font-size: 16px; margin-top: 30px; } .vpc-div-mainicon {} .vpc-div-title { background-color: #052334; color: #ffffff; padding: 12px; font-size: 18px; margin: 10px 0px; } .vpc-table-icon { display: flex; font-weight: 500; align-items: center; } .vpc-table-icon span { width: 34px; margin-right: 10px; display: inline-block; text-align: center; color: #f3505a !important; font-size: 20px; } .vpc-div-data { text-align: left; padding-block: 15px; position: relative; align-items: center; } .vpc-div-data:before { border-bottom: solid 1px #eeeeee; position: absolute; left: 10px; right: 10px; bottom: 0px; content: ""; width: calc(100% - 20px); height: 1px; } .vpc-div-data p { margin: 0px; padding: 0px; font-size: 16px; font-weight: 600; } } @media (max-width: 575px) { .vpc-table-icon { align-items: center; margin-bottom: 7px; } .vpc-table-icon span { width: 30px; margin-right: 5px; } .vpc-table-div { font-size: 14px; } .vpc-div-title { padding: 8px; font-size: 16px; } } /*---- VPC & VPS VPC Hosting Products Table End ----*/ /*------ Cloud VPS Page End ------*/ /*------ FileBox Page ------*/ /*Benefits*/ .filebox-benefitbox{ background-color: var(--st-skyblue); border-radius: var(--st-radius10); padding: 50px 80px 50px 50px; overflow: hidden; position: relative; } .benefitLabel{ background-color: var(--st-dark); color: var(--st-yellow); position: absolute; left: -36px; top: 18px; width: 150px; min-height: 40px; padding: 5px !important; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-45deg); } .benefitLabel .elementor-heading-title{ color: var(--st-yellow) !important; font-weight: bold; } .filebox-benefitbox-widget{ } .filebox-benefitbox-widget .elementor-image-box-wrapper{ gap: 30px 40px; } .filebox-benefitbox-widget figure{ width: 138px; min-width: 138px; } .filebox-benefitbox-widget h3{ font-size: var(--st-font-26); font-weight: var(--st-bold) !important; color: var(--st-black) !important; } .filebox-benefitbox-widget p{ color: var(--st-black) !important; line-height: 32px; } @media (max-width: 767px) { .filebox-benefitbox{ padding: 40px 20px; } .filebox-benefitbox-widget h3{ margin-block: 15px; font-size: var(--st-font-22); } .filebox-benefitbox-widget p{ line-height: normal; } } /*Benefits End*/ /*Companies Work Efficiency*/ .fbakoNewSection4Box{ background-color: var(--st-light); border-radius: var(--st-radius10); padding: 50px 80px 50px 50px; margin-bottom: 25px; } .fbakoNewSection4Box:last-child{ margin-bottom: 0px; } .fbakoNewSection4Box .media{ display: flex; gap: 40px; } .fbakoNewSection4Box .media .media-left{ flex-shrink: 0 !important; max-width: 138px; } .fbakoNewSection4Box .media .media-body{ flex-grow: 1 !important; } .fbakoNewbtn2 { border-radius: 8px; border: solid 2px #768b97 !important; padding: 6px 12px; font-size: 16px; color: #ffffff !important; background-color: transparent !important; min-width: 144px; display: flex; align-items: center; justify-content: space-between; } .fbakoNewbtn2Plus { outline: none !important; } .fbakoNewbtn2Plus.collapsed i:before { content: "\f078"; } .fbakoNewbtn2Plus i:before { content: "\f077"; } .fbakoNewbtn2Plus.collapsed .open { display: inline-block; } .fbakoNewbtn2Plus.collapsed .closes { display: none; } .fbakoNewbtn2Plus .open { display: none; } .fbakoNewbtn2Plus .closes { display: inline-block; } .fbakoNewSection4BoxBody { display: table; width: 100%; margin-top: 20px; } .fbakoNewSection4BoxBodyLabel { background-color: var(--st-blue); font-size: var(--st-font-20); color: var(--st-white); font-weight: var(--st-sbold); text-align: center; margin-top: 30px; margin-bottom: 20px; padding: 10px 15px; border-radius: 6px; } .fbakoNewSection4BoxBody p { font-size: var(--st-font-16); } @media (max-width: 767px) { .fbakoNewSection4Box{ padding: 40px 20px; } .fbakoNewSection4Box .media{ display: block; text-align: center; } .fbakoNewSection4Box .media .media-left{ margin-inline: auto; margin-bottom: 20px; } .fbakoNewbtn2{ margin-inline: auto; } } /*Companies Work Efficiency End*/ /*FileBox Tabs Plan*/ #most-popular{ position: relative; } #most-popular:after { content: "Most Popular"; font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; background-color: #f3740b; position: absolute; left: 0px; top: -31px; right: 0px; width: 100%; max-width: 124px; margin: 0px auto; border-radius: 14px 14px 0px 0px; padding: 5px; } .filebox-plan{ background-color: var(--st-dark); padding: 50px 50px 30px; } .filebox-plan *{ color: var(--st-skyblue) !important; } .filebox-plan-heading{ min-height: 42px; } .filebox-plan .filebox-btn{ color: var(--st-dark) !important; } .filebox-plan ul.fox-icon-text-list { padding: 0px; margin: 0px; } .filebox-plan ul.fox-icon-text-list li.fox-list-item{ padding-block: 8px; } .filebox-plan ul.fox-icon-text-list li.fox-list-item .fox-list-icon{ font-size: 20px; padding-right: 12px; } .filebox-plan.light{ background-color: var(--st-skyblue); } .filebox-plan.light *{ color: var(--st-dark) !important; } .filebox-plan.light .not-available * { color: #b5b5b5 !important; } .price-month{ font-size: var(--st-font-16); font-style: italic; font-weight: var(--st-sbold); } .popular{ background-color: var(--st-yellow); color: var(--st-dark); font-size: 13px; font-weight: var(--st-medium); text-transform: uppercase; padding: 8px 16px; display: inline-block; position: absolute; margin: 2px 5px 0px 10px; line-height: normal; } @media (max-width: 1024px) { .filebox-plan{ padding: 40px 35px 25px; } .popular{ padding: 8px 12px; } } @media (max-width: 767px) { .filebox-tabs.tabs-nav-rounded .e-n-tabs-heading button{ margin-block: 50px; } .popular{ padding: 6px 12px; left: 0; top: -30px; margin: 0px; } } @media (max-width: 575px) { .filebox-plan{ padding: 40px 25px 25px; } } /*FileBox Tabs Plan End*/ /*Features*/ .filebox-features-main{ display: flex; flex-wrap: wrap; flex-direction: unset !important; gap: 40px; width: 100%; } .filebox-features{ width: calc((100% - 120px) / 4); } .filebox-features .elementor-image-box-wrapper{ position: relative; } .filebox-features figure.elementor-image-box-img{ width: 100px !important; min-width: 100px; height: 100px; aspect-ratio: 1; position: absolute; left: 0px; top: 0px; } .filebox-features h3{ font-size: var(--st-font-20); color: var(--st-white) !important; font-weight: var(--st-sbold) !important; margin-left: 120px; margin-bottom: 30px !important; min-height: 100px; display: flex; align-items: center; } .filebox-features p{ font-size: var(--st-font-16); color: var(--st-white) !important; padding-top: 15px; border-top: solid 1px #3b5d71; } @media (max-width: 1360px) { .filebox-features-main{ gap: 40px; } .filebox-features{ width: calc((100% - 80px) / 3); } } @media (max-width: 1024px) { .filebox-features-main{ gap: 30px; } .filebox-features{ width: calc((100% - 30px) / 2); } } @media (max-width: 767px) { .filebox-features{ width: calc((100% - 0px) / 1); } .filebox-features figure.elementor-image-box-img{ width: 100px !important; min-width: 100px; height: 100px; aspect-ratio: 1; position: unset !important; } .filebox-features h3{ margin: 0px !important; display: unset; } .filebox-features p{ margin-top: 15px !important; } } /*Features End*/ /*FileBox Advance*/ .filebox-advance-bg{ background-color: var(--st-blue); border-radius: 26px; padding: 0px 40px 40px 40px; margin-top: 80px; } .filebox-advance{ margin-top: -77px; } .filebox-advance figure.elementor-image-box-img{ width: 154px !important; min-width: 154px; height: 154px; aspect-ratio: 1; margin-bottom: 35px !important; } .filebox-advance figure.elementor-image-box-img img{ box-shadow: 0px 0px 0px 12px var(--st-dark); border-radius: var(--st-radius-circle); } .filebox-advance h3{ font-size: var(--st-font-18); color: var(--st-yellow) !important; font-weight: var(--st-sbold) !important; margin-bottom: 15px !important; } .filebox-advance p{ font-size: var(--st-font-16); color: var(--st-white) !important; } @media (max-width: 1024px) { .filebox-advance-bg{ background-color: transparent; padding: 0px; margin-top: 20px; } .filebox-advance{ margin-top: 0px; } .filebox-advance figure.elementor-image-box-img{ margin-bottom: 25px !important; } .filebox-advance figure.elementor-image-box-img img{ box-shadow: 0px 0px 0px 10px var(--st-blue); } .filebox-advance h3{ margin-bottom: 10px !important; } } /*FileBox Advance End*/ .filebox-capabilities{ background-color: var(--st-skyblue); padding: 40px; } @media (max-width: 1360px) { .filebox-capabilities{ padding: 30px; } } @media (max-width: 1024px) { .filebox-capabilities{ padding: 25px; } } /*FileBox Button*/ .filebox-btn{ border-radius: 50px 50px 0px 50px; } .filebox-btn.dark{ background-color: var(--st-dark) !important; color: var(--st-white) !important; } .filebox-btn.second{ border-radius: 50px 50px 50px 0px !important; } /*FileBox Button End*/ /*FileBox Table*/ .fileBox-table{ } .fileBox-table table.tafe-table { font-size: var(--st-font-20); } .fileBox-table table.tafe-table thead tr th { background-color: var(--st-skyblue) !important; color: var(--st-dark) !important; border-width: 0px !important; } .fileBox-table table.tafe-table tbody tr td { border-top: 0px !important; border-bottom: 0px !important; font-weight: var(--st-sbold); } /*FileBox Table End*/ /*FileBox Free Trial*/ .fileBox-free-trial{ border: dashed 2px var(--st-white); border-radius: 30px; padding: 50px 60px !important; } @media (max-width: 1360px) { .fileBox-free-trial{ padding: 40px !important; } } @media (max-width: 767px) { .fileBox-free-trial { padding: 20px !important; } } /*FileBox Free Trial End*/ /*------ FileBox Page End ------*/ /*------ Blog Page ------*/ /*Blog Subscribe*/ .blogSubscribe { background-color: var(--st-white); border-radius: 8px; padding: 5px 10px; min-height: 50px; max-width: 535px !important; } .blogSubscribe .form-control { border: 0px !important; padding: 5px 10px !important; box-shadow: unset; } .blogSubscribe .subscribe-btn { font-size: 14px !important; padding: 8px 20px 6px !important; border-radius: 6px !important; background-color: var(--st-black) !important; } /*Blog Subscribe End*/ /*Blog List */ .blogBox{ line-height: 1.2; } .blogBox a{ color: var(--st-white); text-decoration: none !important; } .blogBoxImage{ aspect-ratio: 1.5; margin-bottom: 20px; } .blogBoxImage img{ width: 100%; max-width: 100%; height: 100%; object-fit: cover; } /*.blogBoxImage a{ display: block; }*/ .blogBoxData{ } .blogDate{ font-size: var(--st-font-14); padding-bottom: 8px; } .blog-title{ font-size: var(--st-font-18); font-weight: var(--st-sbold); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 2px; margin-bottom: 5px; } .blog-description{ font-size: var(--st-font-14); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 2px; } .blog-labels{ display: inline-flex; flex-wrap: wrap; gap: 7px; width: 100%; padding-top: 15px; } .blog-labels label{ font-size: 12px; color: var(--st-white); font-weight: var(--st-medium) !important; border: solid 1px var(--st-white); border-radius: var(--st-radiusfull); padding: 4px 12px 5px; line-height: 1; min-height: 26px; display: flex; align-items: center; justify-content: center; } /*Blog List End*/ /*Blog Main*/ .blogMain{ margin-right: 5px; } .blogMain .blogDate{ font-size: var(--st-font-16); } .blogMain .blog-title{ font-size: var(--st-font-24); margin-bottom: 15px; } .blogMain .blog-description{ font-size: var(--st-font-20); overflow: unset; display: block; padding-bottom: 5px; } /*Blog Main End*/ /*Right Side*/ .blog-rightside{ display: flex; flex-direction: column; gap: 30px; } .blog-rightside .blogBox{ display: flex; align-items: center; } .blog-rightside .blogBoxImage{ flex-shrink: 0 !important; width: 100%; max-width: 290px; margin: 0px 20px 0px 0px; } .blog-rightside .blogBoxData{ flex-grow: 1 !important; } @media (max-width: 1199px) { .blog-rightside .blogBox{ align-items: flex-start; } .blog-rightside .blogBoxImage{ max-width: 100%; width: 90px; height: 90px; aspect-ratio: 1; margin-right: 15px; } .blog-rightside .blogBoxImage a { height: 100%; } .blog-rightside .blogBoxImage img{ height: 100%; object-fit: cover; } } @media (max-width: 767px) { .blog-rightside{ background-color: var(--st-light); border-radius: 16px; padding: 30px; margin-top: 40px; } } @media (max-width: 575px) { .blog-rightside{ padding: 25px 20px; } } /*Right Side End*/ /*Blog Pagination*/ .blog-pagination{ border-top: solid 1px var(--st-white); padding-top: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .blog-pagination .btn-white{ min-width: 142px; font-size: var(--st-font-16); padding-inline: 15px; } .blog-pagination-nav{ display: flex; align-items: center; justify-content: center; margin-inline: 15px; } .blog-pagination-nav a{ font-size: var(--st-font-18); font-weight: var(--st-normal); color: var(--st-white); width: 50px; height: 50px; aspect-ratio: 1; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .blog-pagination-nav a:hover{ color: var(--st-yellow); } .blog-pagination-nav a.active{ background-color: var(--st-white); color: var(--st-black); font-weight: var(--st-sbold); } @media (max-width: 767px) { .blog-pagination{ padding-top: 10px; border-top: solid 1px rgba(255, 255, 255, 0.3); } .blog-pagination .blog-pagination-nav{ order: -1; width: 100%; margin: 0px 0px 20px 0px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, 0.3); flex-wrap: wrap; } .blog-pagination .btn-white{ min-width: 124px; } } /*Blog Pagination End*/ /*Blog Newsletter*/ .our-newsletter{ background-color: var(--st-blacklight); padding-block: 60px; } @media (max-width: 767px) { .our-newsletter{ padding-block: 40px; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } } /*Blog Newsletter End*/ /*------ Blog Page End ------*/ /*------ Blog Details ------*/ .single-post .site-content .ast-container{ max-width: unset !important; display: block !important; width: 100%; padding-top: 30px; padding-inline: 0px !important; } /*Breadcrumb*/ .blogDetails-breadcrumb{ background-color: var(--st-light); padding: 10px 0px; } .blogDetails-breadcrumb ul{ margin: 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; position: relative; z-index: 1; } .blogDetails-breadcrumb ul li{ font-size: var(--st-font-14); color: var(--st-white); margin-right: 6px; } .blogDetails-breadcrumb ul li a{ color: var(--st-yellow); text-decoration: none !important; } .blogDetails-breadcrumb ul li:after{ content: "/"; font-size: 12px; padding-left: 6px; color: rgba(255, 255, 255, 0.6); } .blogDetails-breadcrumb ul li:last-child:after{ content: unset; } /*Breadcrumb End*/ .blogDetails{ font-size: var(--st-font-16); flex: 1; margin-right: 16px; } .blogDetails .blogDate{ padding-bottom: 22px; } .blogDetails h1{ font-size: var(--st-font-24); font-weight: var(--st-sbold); margin-bottom: 18px; } .blogDetails h2{ font-size: var(--st-font-20); font-weight: var(--st-sbold); margin-bottom: 18px; } .blogDetails h3{ font-size: var(--st-font-16); font-weight: var(--st-sbold); margin-bottom: 12px; } .blogDetails p{ font-size: var(--st-font-16); text-align: justify; } .blogDetails p:last-child{ margin-bottom: 20px !important; } .blogDetails a { color: var(--st-yellow); font-weight: var(--st-sbold); text-decoration: underline; } .blogDetails ul{ margin-left: 15px; margin-bottom: 25px; } .blogDetails ul li{ list-style: inside; } .blogDetails ul li::marker{ color: var(--st-yellow); font-size: 20px; } .blogDetails ol{ margin-left: 25px; margin-bottom: 25px; padding-left: 0px; line-height: 1.8; } .blogDetails ol li{ list-style: decimal; padding-left: 8px; } .blogDetails-mainImage{ margin-block: 25px; } @media (max-width: 1199px) { .blogDetails{ margin-right: 0px; } } @media (max-width: 767px) { .blogDetails{ order: 2; } } /*Article Navigation*/ .article-navigation{ font-size: var(--st-font-16); border-top: dashed 1px #82919a; padding-top: 20px; margin-top: 50px; display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; gap: 20px; } .article-navbox{ max-width: 315px; padding: 20px 20px 0px; line-height: 1.3; } .article-navbox a, .article-navbox span{ font-weight: var(--st-sbold); text-decoration: none !important; color: var(--st-yellow); } .article-navbox-nav{ color: var(--st-white) !important; font-weight: var(--st-normal) !important; display: block; padding-bottom: 15px; } .article-navbox a:hover .article-navbox-nav{ color: var(--st-yellow) !important; } .article-navbox-nav:before{ font-family: "Font Awesome 6 Free"; content: "\f060"; font-weight: 900; padding-right: 10px; } .article-navigation .article-navbox:last-child{ text-align: right; } .article-navigation .article-navbox:last-child .article-navbox-nav:before{ content: unset; } .article-navigation .article-navbox:last-child .article-navbox-nav:after{ font-family: "Font Awesome 6 Free"; content: "\f061"; font-weight: 900; padding-left: 10px; } @media (max-width: 991px) { .article-navbox{ padding: 20px 0px 0px; } } @media (max-width: 767px) { .article-navbox-title { display: none; } } /*Article Navigation End*/ .blogDetails-sidebar{ width: 370px; flex-shrink: 0; } .blogDetails-sidearticles{ background-color: var(--st-skyblue); padding: 30px; margin-bottom: 20px; } .blogDetails-sidearticles h4{ font-size: var(--st-font-22); font-weight: var(--st-sbold); color: var(--st-black) !important; margin-bottom: 20px; } ul.sidearticles-list{ margin: 0px; padding: 0px; } ul.sidearticles-list li{ display: flex; align-items: center; gap: 18px; margin-bottom: 15px; } ul.sidearticles-list li:last-child{ margin-bottom: 0px; } ul.sidearticles-list li .articles-listthumb{ flex-shrink: 0 !important; width: 90px; height: 90px; aspect-ratio: 1; } ul.sidearticles-list li .articles-listthumb img{ width: 100%; height: 100%; object-fit: cover; font-size: 12px; } ul.sidearticles-list li .articles-listbody{ flex-grow: 1 !important; } ul.sidearticles-list li .articles-listbody p{ font-size: var(--st-font-14); color: var(--st-black) !important; font-weight: var(--st-medium); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 2px; line-height: 1.3; } ul.sidearticles-list li .articles-listbody a{ text-decoration: none !important; } ul.sidearticles-list li .articles-listbody .blogDate{ font-size: 12px; color: var(--st-light); font-weight: var(--st-medium); padding-bottom: 5px; } @media (max-width: 1199px) { .blogDetails-sidebar { width: 300px; } .blogDetails-sidearticles{ padding: 20px; } } @media (max-width: 767px) { .blogDetails-sidebar { width: 100%; padding-bottom: 30px; } } .advs-sticky{ position: sticky; top: 1.5rem; } /*------ Blog Details End ------*/ /*------ Cyber Protection Page ------*/ /*Banner*/ .cyberprotection-banner{ } .cyberprotection-banner .bannerow{ margin-block: 0px !important; align-items: unset !important; } .cyberprotection-banner .bannerow .hero-left { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; } .cyberprotection-banner .bannerow .hero-thumb { display: flex; justify-content: end; flex-direction: column; height: 100%; padding-bottom: 0px; } .cyberprotection-banner .hero-description > p{ color: var(--st-yellow) !important; } .cyberprotection-banner-no1{ background-color: var(--st-black); border-radius: var(--st-radius10); padding: 15px 30px; display: inline-flex; align-items: center; margin-top: 10px; text-align: left; } .cyberprotection-banner-no1-left{ flex-shrink: 0 !important; font-size: var(--st-font-120) !important; line-height: 1; color: var(--st-yellow); font-weight: var(--st-bold); } .cyberprotection-banner-no1-left small{ font-size: .700em; } .cyberprotection-banner-no1-body{ flex-grow: 1 !important; margin-left: 20px; font-size: var(--st-font-20); font-weight: var(--st-bold); line-height: normal; } @media (max-width: 767px) { .cyberprotection-banner .bannerow .hero-left { align-items: center; } .cyberprotection-banner-no1{ max-width: 400px; } } /*Banner End*/ /*Benefits*/ .cyberprotection-benefitbox{ background-color: var(--st-light); border-radius: var(--st-radius10); border: solid 2px #374f5d; padding: 40px 80px 40px 50px; position: relative; } .cyberprotection-benefitbox-widget{ } .cyberprotection-benefitbox-widget .elementor-image-box-wrapper{ gap: 30px 40px; } .cyberprotection-benefitbox-widget figure{ width: 125px; min-width: 125px; } .cyberprotection-benefitbox-widget h3{ font-size: var(--st-font-26); font-weight: var(--st-bold) !important; color: var(--st-yellow) !important; } /*.cyberprotection-benefitbox-widget p{ line-height: 32px; }*/ @media (max-width: 1360px) { .cyberprotection-benefitbox{ padding: 40px; } .cyberprotection-benefitbox-widget h5 br{ display: none; } } @media (max-width: 1024px) { .cyberprotection-benefitbox-widget .elementor-image-box-wrapper{ gap: 30px; /*align-items: flex-start !important;*/ } .cyberprotection-benefitbox-widget figure{ width: 110px; min-width: 110px; } /*.cyberprotection-benefitbox-widget p{ line-height: normal; }*/ } @media (max-width: 575px) { .cyberprotection-benefitbox{ padding: 30px 20px; } } /*Benefits End*/ .cp-features-slider{ } .cp-features-slider .swiper-horizontal{ padding-inline: 20% !important; } .cp-features-sliderbox{ background-color: var(--st-white); border-radius: var(--st-radius16); padding: 42px; margin-inline: auto; max-width: 1120px; width: 100%; height: 100%; } .cp-features-sliderbox *{ color: var(--st-black) !important; } @media (max-width: 1440px) { .cp-features-slider .swiper-horizontal{ padding-inline: 120px !important; } } @media (max-width: 1199px) { .cp-features-slider .swiper-horizontal{ padding-inline: 100px !important; } } @media (max-width: 1024px) { .cp-features-slider .swiper-horizontal{ padding-inline: 30px !important; } .cp-features-sliderbox{ padding: 40px 30px; } } @media (max-width: 575px) { .cp-features-sliderbox { padding: 30px 20px; } } .print-btn { font-size: var(--st-font-22); border: solid 2px var(--st-black); border-radius: 30px; padding: 15px 30px; } .print-btn small { font-weight: var(--st-normal) !important; } .cp-landingAds2-increase-average-box{ background-color: #061721; border-radius: 26px; padding: 50px 40px 40px; position: relative; margin-bottom: 100px; border: dashed 2px #FFD14A; } .cp-landingAds2-increase-average-box:after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -46px; width: 101px; height: 46px; display: block; margin-inline: auto; background-image: url("../../uploads/2026/02/cp-landingAds2-increase-average-box-arrow.png"); background-repeat: no-repeat; background-position: center bottom; } @media (max-width: 575px) { .cp-landingAds2-increase-average-box{ border-radius: 16px; padding: 40px 20px 30px; } } /*Support Platforms Part*/ .row12 { margin-left: -12px; margin-right: -12px; } .row12 > [class*="col-"] { padding-left: 12px; padding-right: 12px; } .ShopPlatformsMain { margin-bottom: 70px; } .ShopPlatformsMain:last-child { margin-bottom: 0px; } .ShopPlatformsBoxMain { display: flex; /*gap: 18px;*/ } .ShopPlatformsBoxSpace { margin: 0px 24px 0px 0px; } .ShopPlatformsBoxSpace:last-child { margin-right: 0px; } .ShopPlatformsBoxCol1 { width: 12.5%; } .ShopPlatformsBoxCol2 { width: 25%; } .ShopPlatformsBoxCol3 { width: 37.5%; } .ShopPlatformsBox { background-color: #0d334d; border-radius: 15px; font-size: 16px; line-height: 1.2; text-align: center; padding: 10px 20px; display: flex; align-items: center; justify-content: center; min-height: 90px; } .platformsBrand { border-bottom: solid 2px; padding: 0px; margin-bottom: 16px; width: 100%; display: flex; align-items: flex-end; height: 70px; } .platformsBrand-thumb{ background-color: #e1f2f9; border-radius: 10px 10px 10px 0px; height: 50px; display: flex; align-items: center; justify-content: flex-start; } .platformsBrand-thumb img{ width: auto; max-height: 100%; padding: 10px 15px; } .platforms-microsoft { border-color: #00a4ef; } .platforms-amazon { border-color: #f8991d; } .platforms-linuxServer { border-color: #ffd900; } .platforms-apple { border-color: #d3d3d3; } .platforms-android { border-color: #83bc03; } .platforms-sap { border-color: #196ac1; } .platforms-vmware { border-color: #ff8a12; } .platforms-GSuite { border-color: #fbbc05; } .platforms-redhat { border-color: #cc0100; } .platforms-oracle { border-color: #ff0000; } .platforms-citrix { border-color: #0245d0; } .platforms-virtuozzo { border-color: #ba2b36; } .platforms-nutanix { border-color: #174489; } @media (max-width: 1299px) { .row12 { margin-left: -9px; margin-right: -9px; } .row12 > [class*="col-"] { padding-left: 9px; padding-right: 9px; } .ShopPlatformsBox { font-size: 16px; padding: 10px 15px; } .ShopPlatformsBoxSpace { margin: 0px 18px 0px 0px; } } @media (max-width: 991px) { .ShopPlatformsMain { margin-bottom: 40px; } .ShopPlatformsBoxMain { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .ShopPlatformsBoxCol1 { width: auto; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .ShopPlatformsBoxCol2 { width: auto; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .ShopPlatformsBoxCol3 { width: auto; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .ShopPlatformsBoxSpace { margin: 0px 0px 25px; padding-right: 15px; padding-left: 15px; } } @media (max-width: 767px) { .ShopPlatformsBoxSpace{ margin: 0px 0px 10px; padding-right: 5px; padding-left: 5px; } } @media (max-width: 575px) { .row12 > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .ShopPlatformsMain { margin-bottom: 25px; } .ShopPlatformsBoxCol1 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .ShopPlatformsBoxCol2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ShopPlatformsBoxCol3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ShopPlatformsBoxCol3 .row12 { margin-left: -5px; margin-right: -5px; } } /*Support Platforms Part End*/ /*------ Cyber Protection Page End ------*/ /*---- Switch (cloud-vps) ----*/ .mySwitchMain { display: flex; align-items: center; justify-content: center; margin-block: 35px; } .mySwitchLabel { padding-right: 12px; font-size: 20px; } .mySwitch {} .mySwitch .switch { width: 54px; height: 30px; } .mySwitch input.switchinput:checked+.switch-slider { background-color: #00c8ab; } .switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #38414b; -webkit-transition: .4s; transition: .4s; } .switch-slider::before { position: absolute; content: ""; height: calc(100% - 8px); width: calc(50% - 4px); left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch-slider.switch-eclipse::before, .switch-slider.switch-eclipse { border-radius: 34px; } .switch { position: relative; display: inline-block; width: 44px; height: 20px; } input.switchinput:checked+.switch-slider::before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .switch input.switchinput { opacity: 0; width: 0px; height: 0px; } /*---- Switch (cloud-vps) End ----*/ /*---- Site Map ----*/ .sitemap-head{ } .sitemap-head .policy-breadcrumb, .sitemap-head .hero-description { display: none !important; } .sitemap-list{ height: 100%; } .sitemap-list ul{ position: relative; height: 100%; } .sitemap-list ul:after{ content: ""; position: absolute; left: 6px; top: 0px; border-left: solid 1px rgba(255, 255, 255, 0.5); width: 1px; height: calc(100% - 8px); } .sitemap-list ul li { margin-bottom: 30px !important; padding-left: 30px !important; } .sitemap-list ul li:before { content: ""; position: absolute; left: 0px; top: 7px; width: 13px; height: 13px; border-radius: 50%; background-color: #ffffff; } .sitemap-list ul li:last-child { margin-bottom: 0px !important; } .sitemap-list ul li a, .sitemap-list ul li a span { color: var(--st-white) !important; text-decoration: none !important; } .sitemap-list ul li a:hover, .sitemap-list ul li a span:hover { color: var(--st-yellow) !important; } @media (min-width: 768px) { .sitemap-list-hr{ } .sitemap-list-hr ul{ position: relative; display: flex; flex-wrap: wrap; margin-inline: -8px; } .sitemap-list-hr ul:after{ content: ""; position: absolute; left: 0px; right: 0px; top: 6px; border-top: solid 1px rgba(255, 255, 255, 0.5); height: 1px; width: 100%; } .sitemap-list-hr ul li { margin-inline: 30px !important; padding-top: 30px !important; padding-left: 0px !important; margin-bottom: 0px !important; } .sitemap-list-hr ul li:before { content: ""; position: absolute; left: 0px; top: 0px; width: 13px; height: 13px; border-radius: 50%; background-color: #ffffff; } .sitemap-list-hr ul li a, .sitemap-list-hr ul li a span { color: var(--st-white) !important; text-decoration: none !important; } .sitemap-list-hr ul li a:hover, .sitemap-list-hr ul li a span:hover { color: var(--st-yellow) !important; } } /*---- Site Map End ----*/