/* Nesting CSS |---------------------------------Nomenclature-------------------------------| | Class | Type | Description | |-----------|-----------|-------------------------|--------------------------| | psh# | psh# | Header Componentes | Paid Search Header # | | psb# | psb# | Body Componentes | Paid Search Body # | | psc# | psc# | Card Componentes | Paid Search Card # | | psq# | psq# | Quote Componentes | Paid Search Quote # | | pss# | pss# | Sponsor Componentes | Paid Search Sponsor # | |----------------------------------------------------------------------------| |----------------Pillar Schemes----------------| | Class | Theme (Color) | |---------------------|------------------------| | | Default (OCI Neutral) | |theme-neutral-SCM | SCM (Neutral) | |---------------------|------------------------| */ /*----------------------------------- DEFAULT VARIABLES -----------------------------------*/ :root { /* Global Variables */ --Oracle-Font: "Oracle Sans", sans-serif; --OracleBold-Font: "Oracle Sans Bold", sans-serif; /* FORM */ --form-links: #bc6c37; /* Strip */ --bg-strip: url('https://www.oracle.com/webfolder/dms/m/abstract-strip-ty.png'); /* Footer */ --bg-footer: #1E3B42; --footer-text: #fff; /* CTA buttons */ --ps-btn-fontSize: 18px; --ps-btn-lineheight: 22px; --ps-btn-bg: #E18212; --ps-btn-text: #fff; --ps-btn-bg-hover: #F6C792; --ps-btn-text-hover: #000; --ps-btn-bg-active: #F0A957; --ps-btn-text-active: #161513; --ps-btn-bg-disabled: #312d2a29; --ps-btn-text-disabled: #16151366; /* Default Theme Components variables */ .header-form-wrap-sec7, .psh1 { --psh1-bg: url(https://www.oracle.com/webfolder/dms/m/cfo-ceo-header-bg-green-gradient-compressed.jpg); /* --psh1-logo: #C74634; */ --psh1-title: #FFFFFF; --psh1-desc: #FFFFFF; --psh1-form-h2: #1E3B42; --psh1-form-em: #4C825C; --psh1-bg-form-section: #FFFFFF; --psh1-btn-fontSize: 22px; --psh1-btn-lineheight: 29px; --psh1-form-bg-btn: var(--ps-btn-bg); --psh1-form-btn-text: var(--ps-btn-text); --psh1-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh1-form-btn-text-hover: var(--ps-btn-text-hover); --psh1-form-bg-btn-active: var(--ps-btn-bg-active); --psh1-form-btn-text-active: var(--ps-btn-text-active); --psh1-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh1-form-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap, .psh2 { --psh2-bg-color: #4F7D7B; --psh2-bg-img: url(https://www.oracle.com/webfolder/dms/m/hero-image-bg-teal-100.png); --psh2-logo: #fff; --psh2-title: #fff; --psh2-desc: #fff; --psh2-bg-form-section: #ffffff; --psh2-form-h3: #000; --psh2-form-span: #467173; --psh2-btn-fontSize: 22px; --psh2-btn-lineheight: 29px; --psh2-form-bg-btn: var(--ps-btn-bg); --psh2-form-btn-text: var(--ps-btn-text); --psh2-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh2-form-btn-text-hover: var(--ps-btn-text-hover); --psh2-form-bg-btn-active: var(--ps-btn-bg-active); --psh2-form-btn-text-active: var(--ps-btn-text-active); --psh2-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh2-form-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap-sec3, .psh3 { /* --psh3-bg-color: #4F7D7B; */ --psh3-bg-img: url('https://www.oracle.com/webfolder/dms/prod/i1/commanbanner1.png'); --psh3-logo: #fff; --psh3-title: #fff; --psh3-desc: #fff; --psh3-bg-form-section: #ffffff; --psh3-form-h3: #000; --psh3-form-span: #f68e24; --psh3-btn-fontSize: 22px; --psh3-btn-lineheight: 29px; --psh3-form-bg-btn: var(--ps-btn-bg); --psh3-form-btn-text: var(--ps-btn-text); --psh3-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh3-form-btn-text-hover: var(--ps-btn-text-hover); --psh3-form-bg-btn-active: var(--ps-btn-bg-active); --psh3-form-btn-text-active: var(--ps-btn-text-active); --psh3-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh3-form-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap-sec4, .psh4 { /* --psh3-bg-color: #4F7D7B; */ --psh4-bg: url(https://www.oracle.com/webfolder/dms/m/cfo-ceo-header-bg-compressed.png); /* --psh4-logo: #fff; */ --psh4-title: #000; --psh4-desc: #000; --psh4-bg-form-section: #ffffff; --psh4-form-h2: #1E3B42; --psh4-form-em: #D27F1D; --psh4-btn-fontSize: 22px; --psh4-btn-lineheight: 29px; --psh4-form-bg-btn: var(--ps-btn-bg); --psh4-form-btn-text: var(--ps-btn-text); --psh4-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh4-form-btn-text-hover: var(--ps-btn-text-hover); --psh4-form-bg-btn-active: var(--ps-btn-bg-active); --psh4-form-btn-text-active: var(--ps-btn-text-active); --psh4-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh4-form-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap-sec8:not(.sec16), .psh5 { --psh5-bg-color: #f1efed; /* --psh5-bg-img: url(https://www.oracle.com/webfolder/dms/m/cfo-ceo-header-bg-compressed.png); */ /* --psh5-logo: #fff; */ --psh5-title: #000; --psh5-desc: #000; --psh5-bg-form-section: #ffffff; --psh5-form-h2: #000; --psh5-form-p: #000; --psh5-btn-fontSize: 18px; --psh5-btn-lineheight: 23px; --psh5-form-bg-btn: #C74634; --psh5-form-btn-text: var(--ps-btn-text); /* --psh5-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh5-form-btn-text-hover: var(--ps-btn-text-hover); --psh5-form-bg-btn-active: var(--ps-btn-bg-active); --psh5-form-btn-text-active: var(--ps-btn-text-active); --psh5-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh5-form-btn-text-disabled: var(--ps-btn-text-disabled); */ } .sec16, .psh6 { --psh6-bg: #fbf9f8; --psh6-title: #000; --psh6-desc: #000; --psh6-bg-form-section: #ffffff; --psh6-form-h2: #3a6145; --psh6-form-p: #000; --psh6-btn-fontSize: 18px; --psh6-btn-lineheight: 23px; --psh6-form-bg-btn: var(--ps-btn-bg); --psh6-form-btn-text: var(--ps-btn-text); --psh6-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh6-form-btn-text-hover: var(--ps-btn-text-hover); --psh6-form-bg-btn-active: var(--ps-btn-bg-active); --psh6-form-btn-text-active: var(--ps-btn-text-active); --psh6-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh6-form-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap-sec6, .psh7 { --psh7-bg: #FBF9F8; --psh7-title: #161513; --psh7-desc: #161513; --psh7-bg-form-section: #ffffff; --psh7-form-h: #3A6145; --psh7-form-p: ##1E3B42; --psh7-tabs-font: #6F6964; --psh7-tabs-bg: #E4E1DD; --psh7-tabs-font-active: #ffffff; --psh7-tab1-bg-active: #497620; --psh7-tab1-font-active: var(--psh7-tabs-font-active); --psh7-tab2-bg-active: #467173; --psh7-tab2-font-active: var(--psh7-tabs-font-active); --psh7-tab3-bg-active: #00688C; --psh7-tab3-font-active: var(--psh7-tabs-font-active); --psh7-tab4-bg-active: #925865; --psh7-tab4-font-active: var(--psh7-tabs-font-active); --psh7-tab5-bg-active: #AC630C; --psh7-tab5-font-active: var(--psh7-tabs-font-active); --psh7-tabs-font-hover: #ffffff; --psh7-tab1-bg-hover: #5E942B; --psh7-tab1-font-hover: var(--psh7-tabs-font-hover); --psh7-tab2-bg-hover: #628F8D; --psh7-tab2-font-hover: var(--psh7-tabs-font-hover); --psh7-tab3-bg-hover: #4190AC; --psh7-tab3-font-hover: var(--psh7-tabs-font-hover); --psh7-tab4-bg-hover: #B47282; --psh7-tab4-font-hover: var(--psh7-tabs-font-hover); --psh7-tab5-bg-hover: #E18212; --psh7-tab5-font-hover: var(--psh7-tabs-font-hover); --psh7-btn0-fontSize: 22px; --psh7-btn0-lineheight: 29px; --psh7-btn-fontSize: 22px; --psh7-btn-lineheight: 29px; --psh7-form-bg-btn: var(--ps-btn-bg); --psh7-form-btn-text: var(--ps-btn-text); --psh7-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh7-form-btn-text-hover: var(--ps-btn-text-hover); --psh7-form-bg-btn-active: var(--ps-btn-bg-active); --psh7-form-btn-text-active: var(--ps-btn-text-active); --psh7-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh7-form-btn-text-disabled: var(--ps-btn-text-disabled); } #head-wrap, .psh8 { --psh8-bg: linear-gradient(180deg, #F8F4EA 48.75%, rgba(255, 255, 255, 0) 100%), #D6E5E5; --psh8-title: #315357; --psh8-desc: #5F4620; --psh8-bg-form-section: #ffffff; --psh8-form-span: #467173; --psh8-form-p: #000; --psh8-btn-fontSize: 22px; --psh8-btn-lineheight: 29px; --psh8-form-bg-btn: var(--ps-btn-bg); --psh8-form-btn-text: var(--ps-btn-text); --psh8-form-bg-btn-hover: var(--ps-btn-bg-hover); --psh8-form-btn-text-hover: var(--ps-btn-text-hover); --psh8-form-bg-btn-active: var(--ps-btn-bg-active); --psh8-form-btn-text-active: var(--ps-btn-text-active); --psh8-form-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh8-form-btn-text-disabled: var(--ps-btn-text-disabled); --psh8-feat-title: #315357; --psh8-feat-desc: #000; } .comp-b, .psh9 { --psh9-bg: linear-gradient(180deg, rgba(249, 245, 235, 1) 0%, rgba(215, 230, 230, 1) 100%); --psh9-logo: #000; --psh9-title: #315357; --psh9-desc: #5F4620; --psh9-btn-fontSize: 20px; --psh9-btn-lineheight: 1em; --psh9-bg-btn: #E8840F; --psh9-btn-text: var(--ps-btn-text); --psh9-bg-btn-hover: var(--ps-btn-bg-hover); --psh9-btn-text-hover: var(--ps-btn-text-hover); --psh9-bg-btn-active: var(--ps-btn-bg-active); --psh9-btn-text-active: var(--ps-btn-text-active); --psh9-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh9-btn-text-disabled: var(--ps-btn-text-disabled); } .sec10[data-id="header-noform-sitenav-iconlist"], .psh10 { --psh10-u30-text: #FFFFFF; --psh10-u30-logo: #FFFFFF; --psh10-bg: #FBFBFB; --psh10-title: #000000; --psh10-desc: #201E1C; --psh10-bg-btn: #E8840F; --psh10-btn-text: var(--ps-btn-text); --psh10-bg-btn-hover: var(--ps-btn-bg-hover); --psh10-btn-text-hover: var(--ps-btn-text-hover); --psh10-bg-btn-active: var(--ps-btn-bg-active); --psh10-btn-text-active: var(--ps-btn-text-active); } .header-form-wrap-sec-11, .psh11 { --psh11-bg: url(https://www.oracle.com/webfolder/dms/m/hero-background-green.png); --psh11-title: #FFFFFF; --psh11-desc: #FFFFFF; --psh11-form-bg: #FFFFFF; --psh11-form-h3: #000000; --psh11-form-span: #467173; --psh11-btn-fontSize: 22px; --psh11-btn-lineheight: 29px; --psh11-bg-btn: #E8840F; --psh11-btn-text: var(--ps-btn-text); --psh11-bg-btn-hover: var(--ps-btn-bg-hover); --psh11-btn-text-hover: var(--ps-btn-text-hover); --psh11-bg-btn-active: var(--ps-btn-bg-active); --psh11-btn-text-active: var(--ps-btn-text-active); --psh11-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh11-btn-text-disabled: var(--ps-btn-text-disabled); } .sec15[data-id="header-bgcolor-v2"], .psh12 { --psh12-bg: #F8F4EA; --psh12-title: #161513; --psh12-desc: #161513; --psh12-form-bg: #FFFFFF; --psh12-form-h: #000000; --psh12-form-p: #000000; --psh12-btn-fontSize: 22px; --psh12-btn-lineheight: 29px; --psh12-bg-btn: var(--ps-btn-bg); --psh12-btn-text: var(--ps-btn-text); --psh12-bg-btn-hover: var(--ps-btn-bg-hover); --psh12-btn-text-hover: var(--ps-btn-text-hover); --psh12-bg-btn-active: var(--ps-btn-bg-active); --psh12-btn-text-active: var(--ps-btn-text-active); --psh12-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh12-btn-text-disabled: var(--ps-btn-text-disabled); } .header-form-wrap-sec9, .psh13 { --psh13-bg: linear-gradient(180deg, rgba(235, 247, 254, 1) 0%, rgba(235, 247, 254, 1) 80%, rgba(255, 255, 255, 1) 100%); --psh13-title: #1E3B42; --psh13-desc: #1E3B42; --psh13-form-bg: #FFFFFF; --psh13-form-h: #00B2AC; --psh13-form-p: #000000; --psh13-btn-fontSize: 22px; --psh13-btn-lineheight: 29px; --psh13-bg-btn: var(--ps-btn-bg); --psh13-btn-text: var(--ps-btn-text); --psh13-bg-btn-hover: var(--ps-btn-bg-hover); --psh13-btn-text-hover: var(--ps-btn-text-hover); --psh13-bg-btn-active: var(--ps-btn-bg-active); --psh13-btn-text-active: var(--ps-btn-text-active); --psh13-bg-btn-disabled: var(--ps-btn-bg-disabled); --psh13-btn-text-disabled: var(--ps-btn-text-disabled); } .ai-btm-fptleftright-sec8, .psb1 { --psb1-bg: #13212C; --psb1-h6: #FFFFFF; --psb1-h6-tr: #f0a957; --psb1-h3: #FFFFFF; --psb1-p: #FFFFFF; } .trusted-area:not(.sec3mainpad, .sec15), .psb2 { --psb2-bg: #BCD5D5; --psb2-opacity: opacity(0.3); --psb2-h2: #1A5867; --psb2-p: #262626; } .pad-btm, .psb3 { --psb3-bg: #E0F5E7; --psb3-content-bg: #FFFFFF; --psb3-h2: #000000; --psb3-p: #000000; } .sec3mainpad, .psb4 { --psb4-bg: transparent; --psb4-btn-fontSize: 22px; --psb4-btn-lineheight: 1em; --psb4-bg-btn: var(--ps-btn-bg); --psb4-btn-text: var(--ps-btn-text); --psb4-bg-btn-hover: var(--ps-btn-bg-hover); --psb4-btn-text-hover: var(--ps-btn-text-hover); --psb4-bg-btn-active: var(--ps-btn-bg-active); --psb4-btn-text-active: var(--ps-btn-text-active); --psb4-bg-btn-disabled: var(--ps-btn-bg-disabled); --psb4-btn-text-disabled: var(--ps-btn-text-disabled); } .comp-bns-sec6:not(.psb12), .psb5 { --psb5-bg: #FBF9F8; --psb5-content-bg: transparent; --psb5-h2: #467553; --psb5-p: #000000; --psb5-btn-fontSize: 20px; --psb5-btn-lineheight: 1em; --psb5-bg-btn: var(--ps-btn-bg); --psb5-btn-text: var(--ps-btn-text); --psb5-bg-btn-hover: var(--ps-btn-bg-hover); --psb5-btn-text-hover: var(--ps-btn-text-hover); --psb5-bg-btn-active: var(--ps-btn-bg-active); --psb5-btn-text-active: var(--ps-btn-text-active); --psb5-bg-btn-disabled: var(--ps-btn-bg-disabled); --psb5-btn-text-disabled: var(--ps-btn-text-disabled); } .ctabgagray, .psb6 { --psb6-bg: #FBF9F8; --psb6-btn-fontSize: 22px; --psb6-btn-lineheight: 29px; --psb6-bg-btn: var(--ps-btn-bg); --psb6-btn-text: var(--ps-btn-text); --psb6-bg-btn-hover: var(--ps-btn-bg-hover); --psb6-btn-text-hover: var(--ps-btn-text-hover); --psb6-bg-btn-active: var(--ps-btn-bg-active); --psb6-btn-text-active: var(--ps-btn-text-active); --psb6-bg-btn-disabled: var(--ps-btn-bg-disabled); --psb6-btn-text-disabled: var(--ps-btn-text-disabled); } .ns-feat-wrap:not(.ns-feat-wrap-sec5, .ns-feat-wrap-sec6), .psb7 { --psb7-title: #1A5867; } .compare-section, .psb8 { --psb8-bg: url(https://www.oracle.com/webfolder/dms/prod/i1/comman-bg-btm-gray.png); --psb8-h1-bg: #d6e5e5; --psb8-h1-txt: #5a5653; --psb8-header-txt: #ffffff; --psb8-h2-bg: #375d61; --psb8-h2-txt: var(--psb8-header-txt); --psb8-h3-bg: #467173; --psb8-h3-txt: var(--psb8-header-txt); --psb8-h4-bg: #4f7d7b; --psb8-h4-txt: var(--psb8-header-txt); --psb8-h5-bg: #628f8d; --psb8-h5-txt: var(--psb8-header-txt); --psb8-h6-bg: #89b2b0; --psb8-h6-txt: var(--psb8-header-txt); --psb8-h7-bg: #9abfbf; --psb8-h7-txt: var(--psb8-header-txt); --psb8-bd-row-legend: #e8f1f0; --psb8-bd-row-legend-txt: #000000; --psb8-bd-row-even: #ffffff; --psb8-bd-row-even-txt: #000000; --psb8-bd-row-odd: #f8fafa; --psb8-bd-row-odd-txt: #000000; --psb8-border-remark: rgba(168, 168, 168, 0.5); --psb8-green-icon: #4f7d7b; --psb8-yellow-icon: #deb068; --psb8-x-icon: #9e9892; --psb8-hidden-titles: #e8f1f0; --psb8-btn-bg: #f68e24; --psb8-btn-text: #ffffff; --psb8-disclaimer-text: #8b8580; } .sec10[data-id="intermediate-title-btnx2-transparent"], .psb9 { --psb9-bg: #F5F4F2; --psb9-title: #000000; --psb9-btn-bg: transparent; --psb9-btn-border: #000000; --psb9-btn-text: #000000; } .sec15.trusted-area, .psb10 { --psb10-bg: linear-gradient(#F8F4EA 0.5%, #E8F1F0 99.5%); --psb10-title: #161513; --psb10-desc: #161513; --psb10-btn-fontSize: 22px; --psb10-btn-lineheight: 29px; --psb10-bg-btn: var(--ps-btn-bg); --psb10-btn-text: var(--ps-btn-text); --psb10-bg-btn-hover: var(--ps-btn-bg-hover); --psb10-btn-text-hover: var(--ps-btn-text-hover); --psb10-bg-btn-active: var(--ps-btn-bg-active); --psb10-btn-text-active: var(--ps-btn-text-active); } .feat-area-sec9, .psb11 { --psb11-bg: transparent; --psb11-title: #00B2AC; --psb11-desc: #1E3B42; } .comp-bns-sec6.psb12 { --psb12-bg: #FBF9F8; --psb12-content-bg: transparent; --psb12-h2: #467553; --psb12-p: #000000; --psb12-btn-fontSize: 13.75px; --psb12-btn-lineheight: 16px; --psb12-bg-btn: transparent; --psb12-btn-text: #161513; --psb12-bg-btn-hover: #161513; --psb12-btn-text-hover: #FFFFFF; /* --psb12-bg-btn-active: var(--ps-btn-bg-active); --psb12-btn-text-active: var(--ps-btn-text-active); --psb12-bg-btn-disabled: var(--ps-btn-bg-disabled); --psb12-btn-text-disabled: var(--ps-btn-text-disabled); */ } .testimonials, .psc1 { --psc1-bg: url(https://www.oracle.com/webfolder/dms/m/orange-bg-pattern.png); --psc1-color-bg: #FCEDDC; --psc1-s1-h3: #275F66; --psc1-s1-p: #000000; --psc1-s2-h2: #66552F; --psc1-s2-p: #000000; --psc1-card-bg: #FFFFFF; --psc1-card1-strip: #628F8D; --psc1-card2-strip: #EB9632; --psc1-card3-strip: #C58C52; --psc1-card4-strip: #227E9E; --psc1-card1-h3: #375D61; --psc1-card2-h3: #8F520A; --psc1-card3-h3: #5B4A29; --psc1-card4-h3: #063c4e; --psc1-card-p: #000000; } .bgcolor-sec8, .psc2 { --psc2-bg: #F1EFED; --psc2-h2: #665F5B; --psc2-btn-color: #FFFFFF; --psc2-btn-bg: #C74634; } .ns-feat-wrap-sec5, .psc3 { --psc3-bg: #D7E6E6; --psc3-title: #315357; --psc3-card-bg: #FFFFFF; --psc3-card1-h3: #957CA4; --psc3-card2-h3: #2D75A2; --psc3-card3-h3: #DFB54B; --psc3-card4-h3: #4FB972; --psc3-card-p: #5F4620; } .ns-feat-wrap-sec4, .psc4 { --psc4-title: #000000; --psc4-card-title: #000000; --psc4-card-p: #000000; } .ns-feat-wrap-sec7, .psc5 { --psc5-bg: #E0F5E7; --psc5-title: #000000; --psc5-card-title: #000000; --psc5-card-p: #000000; } .ns-feat-wrap-sec6, .psc6 { --psc6-bg: linear-gradient(180deg, #FBF9F8 0%, #86B596 100%); --psc6-title: #1E3224; --psc6-card-bg: #FFFFFF; --psc6-card-title: #000000; --psc6-card-p: #000000; } .feat-area-sec3, .psc7 { --psc7-bg: #76a2a0; --psc7-title: #FFFFFF; --psc7-card-bg: #FFFFFF; --psc7-card1-title: #794853; --psc7-card2-title: #3b7087; --psc7-card3-title: #ac630c; --psc7-card4-title: #4f7d7b; --psc7-card-p: #000000; } .bgcolor-sec11:has(.cardheadtxt-sec11), .psc8 { --psc8-bg: #FFFFFF; --psc8-title: #161513; --psc8-cards-title: #161513; --psc8-card-bg: #FFFFFF; --psc8-card-light: #B47282; --psc8-card-standard: #86505C; --psc8-card-dark: #4F2B33; --psc8-card-p: #161513; } .bgcolor-sec11:has(.cardheadtxt-sec14), .psc9 { --psc9-bg: #FFFFFF; --psc9-title: #161513; --psc9-desc: #000000; --psc9-btn-fontSize: 22px; --psc9-btn-lineheight: 29px; --psc9-btn-bg: var(--ps-btn-bg); --psc9-btn-text: var(--ps-btn-text); --psc9-btn-bg-hover: var(--ps-btn-bg-hover); --psc9-btn-text-hover: var(--ps-btn-text-hover); --psc9-btn-bg-active: var(--ps-btn-bg-active); --psc9-btn-text-active: var(--ps-btn-text-active); } .bottom-content-area, .psq1 { --psq1-bg: linear-gradient(0deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 65%, #FFFFFF 100%), #f9f5eb; --psq1-sec1-bg: #FFFFFF; --psq1-sec1-h2: #000000; --psq1-sec1-p: #000000; --psq1-right-qt: url(https://www.oracle.com/webfolder/dms/m/quote-right.png); --psq1-left-qt: url(https://www.oracle.com/webfolder/dms/prod/i1/comman-quote-left.png); --psq1-sec3-quote: #000000; --psq1-sec3-name: #000000; --psq1-bg-btn: var(--ps-btn-bg); --psq1-btn-text: var(--ps-btn-text); --psq1-bg-btn-hover: var(--ps-btn-bg-hover); --psq1-btn-text-hover: var(--ps-btn-text-hover); --psq1-bg-btn-active: var(--ps-btn-bg-active); --psq1-btn-text-active: var(--ps-btn-text-active); --psq1-bg-btn-disabled: var(--ps-btn-bg-disabled); --psq1-btn-text-disabled: var(--ps-btn-text-disabled); } .testimonials-area, .psq2 { --psq2-bg: #E0F5E7; --psq2-right-qt: url(https://www.oracle.com/webfolder/dms/prod/i1/comman-quote-right.png); --psq2-left-qt: url(https://www.oracle.com/webfolder/dms/m/quote-left.png); --psq2-sec3-quote: #000000; --psq2-sec3-name: #000000; --psq2-bg-btn: var(--ps-btn-bg); --psq2-btn-text: var(--ps-btn-text); --psq2-bg-btn-hover: var(--ps-btn-bg-hover); --psq2-btn-text-hover: var(--ps-btn-text-hover); --psq2-bg-btn-active: var(--ps-btn-bg-active); --psq2-btn-text-active: var(--ps-btn-text-active); --psq2-bg-btn-disabled: var(--ps-btn-bg-disabled); --psq2-btn-text-disabled: var(--ps-btn-text-disabled); } .comp-testimonial, .psq3 { --psq3-bg: #FBF9F8; --psq3-box-bg: #FFFFFF; --psq3-right-quote: url(https://www.oracle.com/webfolder/dms/m/quote-right-6ba1b6.png); --psq3-quote-color: #000000; --psq3-author-color: #000000; --psq3-right-img: url(https://www.oracle.com/webfolder/dms/m/testimonial-image.png); } .sec-13-bg, .psq4 { --psq4-bg: url(https://www.oracle.com/webfolder/dms/m/section%20copy.png); --psq4-card-bg: #FFFFFF; --psq4-card-text: #000000; } .ai-btm-fpt.sec7bg, .pss1 { --pss1-bg: #E0F5E7; } .ai-btm-fpt-sec6, .pss2 { --pss2-bg: #FBF9F8; --pss2-title: #8AA391; } .ai-btm-fpt-sec8, .pss3 { --pss3-bg: #F1EFED; --pss3-title: #665F5B; } .customers-sec5, .pss4 { --pss4-bg: #BCD5D5; --pss4-title: #315357; --pss4-btn-bg: var(--ps-btn-bg); --pss4-btn-text: var(--ps-btn-text); --pss4-btn-bg-hover: var(--ps-btn-bg-hover); --pss4-btn-text-hover: var(--ps-btn-text-hover); --pss4-btn-bg-active: var(--ps-btn-bg-active); --pss4-btn-text-active: var(--ps-btn-text-active); /* --pss4-btn-bg-disabled: var(--ps-btn-bg-disabled); --pss4-btn-text-disabled: var(--ps-btn-text-disabled); */ } .customers[data-id="partners-green-cta"], .pss5 { --pss5-bg: #EB9632; --pss5-title: #000; --pss5-btn-bg: #00A29A; --pss5-btn-text: #fff; } .customers[data-id="partners-blue-cta"], .pss6 { --pss6-bg: #EB9632; --pss6-title: #000; --pss6-btn-bg: #00688c; --pss6-btn-text: #fff; } } /*----------------------------------- THEME COMPONENTS VARIABLES -----------------------------------*/ body .wrapper { &.theme-neutral-SCM { .psh1 { --ps2h1-form-h2: #315357; } .psc1 { --ps2c1-bg-strip: url(https://www.oracle.com/webfolder/dms/prod/images2/green-card-strip.png); } /* Strip */ --bg-strip: url('https://www.oracle.com/webfolder/dms/prod/images2/green-color-strip.png'); } } /*----------------------------------- STYLES -----------------------------------*/ .wrapper { /* -----------COMPONENTS----------- */ /* Header */ /* PSH1 */ .header-form-wrap-sec7, .psh1 { padding: 30px 0 85px 0; padding-bottom: 85px; background-image: var(--psh1-bg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; .main-container { width: 1200px; @media only screen and (min-width: 992px){ width: 1366px; } .header-form{ .header-left{ padding-inline-end: 5px; width: 100%; @media (width >= 768px ){ width: 50%; } .head-text { h1 { font-family: var(--Oracle-Font); font-weight: 700; font-size: 40px; font-style: normal; line-height: 47px; text-align: left; letter-spacing: normal; color: var(--psh1-title); margin: 60px 0 3% 0; @media (width >= 768px ){ line-height: 55px; font-size: 50px; } @media (width >= 920px ){ line-height: 65px; } @media (width >= 992px ){ margin-inline-start: 50px; margin-bottom: 15px; } } p { font-family: var(--Oracle-Font); line-height: 1.75em; font-size: 16px; letter-spacing: normal; margin: 0 0 5px 0; color: var(--psh1-desc); @media (width >= 992px ){ margin-inline-start: 50px; } } } .head-img { margin: 25px auto 50px auto; width: auto; max-width: 492px; @media (width >= 992px ){ max-width: 562px; margin-inline-start: 50px; margin-top: 30px; margin-bottom: auto; } img { @media (width <= 992px) { width: auto; max-width: 83%; } } } } .header-right{ padding-inline-end: 5px; width: 100%; @media (width >= 768px ){ width: 50%; float: left; } .form-right { @media (width <= 992px ){ width: 100%; } .row.otherbtn { text-align: center; @media (width >= 1050px ){ display: none; } .mobbtn{ float: none; background: var(--psh1-form-bg-btn) !important; border-radius: 7px; max-width: 309px; width: 100%; height: 68px; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 16px; line-height: 29px; align-items: center; text-align: center; margin: 10px; border: 0px; color: var(--psh1-form-btn-text); } } .form-section.mbehaviour { display: none; background-color: var(--psh1-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px 25px; padding-bottom: 40px; width: 530px; max-width: 100%; border-radius: 7px; @media (width >= 768px ){ margin: 0 auto 25px; padding: 30px 15px 40px; } @media (width >= 1050px ){ display: block; } .form-heading-sec7 { h2 { font-size: 15px; font-family: var(--Oracle-Font); line-height: 23px; color: var(--psh1-form-h2); letter-spacing: normal; em { color: var(--psh1-form-em); font-size: 18px; font-family: var(--Oracle-Font); font-weight: 700; } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh1-form-btn-text) !important; background: var(--psh1-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh1-btn-fontSize); line-height: var(--psh1-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 0; &:hover { background-color: var(--psh1-form-bg-btn-hover) !important; color: var(--psh1-form-btn-text-hover) !important; } &:active { background-color: var(--psh1-form-bg-btn-active) !important; color: var(--psh1-form-btn-text-active) !important; } &:disabled { background-color: var(--psh1-form-bg-btn-disabled) !important; color: var(--psh1-form-btn-text-disabled) !important; } } } } } } } } } } /* PSH2 */ .header-form-wrap, .psh2 { background-color: var(--psh2-bg-color); padding-top: 30px; @media (width >= 992px ){ background-color: transparent; background-image: var(--psh2-bg-img); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .main-container { width: 1200px; .header-form{ .header-left{ padding-right: 5px; @media (width < 992px ){ width: 100%; } .top-area-header{ display: block; width: 675px; max-width: 100%; margin: 0 auto; text-align: left; .on-logo{ @media (width >= 920px ){ padding-bottom: 30px; } img { height: 16.98px; } } .header-copy{ display: block; width: 575px; max-width: 100%; margin: 0 auto; text-align: center; @media (width >= 992px ){ margin: 0; text-align: start; } h1 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 600; font-size: 40px; line-height: 55px; color: var(--psh2-title); margin: 5% 0 3%; @media (width >= 920px ){ margin: 5% 0; font-size: 47px; line-height: 65px; } @media (width >= 992px ){ margin: 0 0 15px; } } h2 { font-family: var(--Oracle-Font); font-weight: normal; font-size: 18px; line-height: 26px; color: var(--psh2-desc); margin: 0; padding: 0 0 25px; } } } .header-feat { .header-img-bg{ display: block; margin-bottom: 40px; /* text-align: center; */ @media (width >= 992px ){ margin-bottom: 25px; } .img-resp { margin: 0 auto; @media (width < 920px ){ width: 100%; /* text-align: center; */ margin-inline-start: 30px; } @media (width >= 920px ){ margin-inline-start: 65px; } } } } } .form-right{ @media (width < 992px ){ width: 100%; } .row.otherbtn{ text-align: center; @media (width >= 1050px ){ display: none; } .mobbtn{ float: none; background: #E18212 !important; border-radius: 7px; max-width: 309px; width: 100%; height: 68px; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 16px; line-height: 29px; align-items: center; text-align: center; margin: 10px; border: 0px; color: #fff; } } .form-section.mbehaviour { display: none; background-color: var(--psh2-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px 25px; padding-bottom: 40px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ width: 600px; margin: 0 auto 25px; padding: 30px 15px 40px; } @media (width >= 992px ){ width: 440px; } @media (width >= 1050px ){ display: block; } .form-heading { h3 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; color: var(--psh2-form-h3); margin: 0 0 15px; padding: 10px; span { font-family: 'Georgia'; font-style: italic; font-weight: 700; font-size: 28px; line-height: 32px; color: var(--psh2-form-span); } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh2-form-btn-text) !important; background: var(--psh2-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh2-btn-fontSize); line-height: var(--psh2-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 0; &:hover { background-color: var(--psh2-form-bg-btn-hover) !important; color: var(--psh2-form-btn-text-hover) !important; } &:active { background-color: var(--psh2-form-bg-btn-active) !important; color: var(--psh2-form-btn-text-active) !important; } &:disabled { background-color: var(--psh2-form-bg-btn-disabled) !important; color: var(--psh2-form-btn-text-disabled) !important; } } } } } } } } } /* PSH3 */ .header-form-wrap-sec3, .psh3 { background-color: transparent; background-image: var(--psh3-bg-img); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-top: 30px; .main-container { width: 1200px; .header-form{ .header-left-sec3{ padding-right: 5px; @media (width < 768px ){ width: 100%; } .top-area-header{ display: block; width: 675px; max-width: 100%; margin: 0 auto; text-align: left; .on-logo{ @media (width >= 920px ){ padding-bottom: 30px; } img { height: 16.98px; } } .header-copy{ display: block; width: 575px; max-width: 100%; margin: 0 auto; text-align: center; @media (width >= 992px ){ margin: 0; text-align: start; } h1 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 600; font-size: 63px; line-height: 76px; color: var(--psh3-title); margin: 0 0 15px; @media (width >= 612px ){ font-size: 80px; line-height: 86px; } } h2 { font-family: var(--Oracle-Font); font-weight: normal; font-size: 20px; line-height: 26px; color: var(--psh3-desc); margin: 0; padding: 0 0 25px; } } } .header-feat { .header-img-bg{ display: block; margin-bottom: 40px; /* text-align: center; */ @media (width >= 992px ){ margin-bottom: 25px; } .img-resp { margin: 0 auto; @media (width < 920px ){ width: 100%; } @media (width >= 920px ){ margin-inline-start: 65px; } } } } } .form-right{ @media (width < 992px ){ width: 100%; } .row.otherbtn{ text-align: center; @media (width >= 1050px ){ display: none; } .mobbtn{ float: none; background: var(--psh3-form-bg-btn) !important; border-radius: 7px; max-width: 309px; width: 100%; height: 68px; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh3-btn-fontSize); line-height: var(--psh3-btn-lineheight); align-items: center; text-align: center; margin: 10px; border: 0px; color: var(--psh3-form-btn-text); } } .form-section.mbehaviour { display: none; background-color: var(--psh3-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px; padding-bottom: 40px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ width: 600px; margin: 0 auto 25px; padding: 30px 15px 40px; } @media (width >= 992px ){ width: 440px; } @media (width >= 1050px ){ display: block; } .form-heading-sec3 { h3 { font-family: var(--Oracle-Font); font-weight: 400; font-size: 16px; color: var(--psh3-form-h3); span { font-family: var(--Oracle-Font); font-style: italic; font-weight: 700; font-size: 18px; line-height: 21px; color: var(--psh3-form-span); margin-inline-end: 5px; } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh3-form-btn-text) !important; background: var(--psh3-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh3-btn-fontSize); line-height: var(--psh3-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 0; &:hover { background-color: var(--psh3-form-bg-btn-hover) !important; color: var(--psh3-form-btn-text-hover) !important; } &:active { background-color: var(--psh3-form-bg-btn-active) !important; color: var(--psh3-form-btn-text-active) !important; } &:disabled { background-color: var(--psh3-form-bg-btn-disabled) !important; color: var(--psh3-form-btn-text-disabled) !important; } } } } } } } } } /* PSH4 */ .header-form-wrap-sec4, .psh4 { padding: 30px 0 40px 0; background: var(--psh4-bg-img); background-repeat: no-repeat; background-position: center bottom; background-size: cover; @media (width >= 768px) { padding-bottom: 85px; } .main-container { width: 1200px; @media (width >= 992px) { width: 1366px; } .header-form { .header-left { padding-inline-end: 5px; width: 100%; @media (width >= 768px) { width: 50%; } .head-text { .netsuit-logo { width: 215px; } h1 { font-family: var(--Oracle-Font); font-weight: 700; font-size: 40px; line-height: 47px; color: var(--psh4-title); margin: 60px 0 3% 0; @media (width >= 768px ){ font-size: 50px; line-height: 55px; } @media (width >= 920px ){ margin-bottom: 5%; line-height: 65px; } @media (width >= 992px ){ margin-bottom: 15px; margin-inline-start: 50px; } } ul { font-size: 16px; margin-block: 15px; padding-inline-start: 1.3em; @media (width >= 992px ){ margin-inline-start: 50px; } li { line-height: 29px; color: var(--psh4-desc); list-style: disc; #nlCustomerCount { text-transform: lowercase; font-weight: bold; } } } } .head-img { width: auto; margin: 25px auto 50px auto; max-width: 492px; @media (width >= 992px ){ max-width: 562px; margin: 30px auto auto 50px; } img { @media (width < 992px) { width: auto; max-width: 83%; } } } } .header-right { width: 100%; @media (width >= 768px ){ width: 50%; } .form-right { @media (width < 992px ){ width: 100%; } .row.otherbtn{ text-align: center; @media (width >= 1050px ){ display: none; } .mobbtn{ float: none; background: #E18212 !important; border-radius: 7px; max-width: 309px; width: 100%; height: 68px; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 16px; line-height: 29px; align-items: center; text-align: center; margin: 10px; border: 0px; color: #fff; } } .form-section.mbehaviour { display: none; background-color: var(--psh4-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px; padding-bottom: 40px; width: 530px; max-width: 100%; border-radius: 7px; @media (width >= 768px ){ margin: 0 auto 25px; padding: 30px 15px 40px; } @media (width >= 1050px ){ display: block; } .form-heading-sec4 { h2 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 15px; line-height: 23px; color: var(--psh4-form-h2); em { font-family: var(--Oracle-Font); font-style: italic; font-weight: 700; font-size: 18px; line-height: 23px; color: var(--psh4-form-em); } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh4-form-btn-text) !important; background: var(--psh4-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh4-btn-fontSize); line-height: var(--psh4-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 0; &:hover { background-color: var(--psh4-form-bg-btn-hover) !important; color: var(--psh4-form-btn-text-hover) !important; } &:active { background-color: var(--psh4-form-bg-btn-active) !important; color: var(--psh4-form-btn-text-active) !important; } &:disabled { background-color: var(--psh4-form-bg-btn-disabled) !important; color: var(--psh4-form-btn-text-disabled) !important; } } } } } } } } } } /* PSH5 */ .header-form-wrap-sec8:not(.sec16), .psh5 { background-color: var(--psh5-bg-color); padding-top: 30px; padding-bottom: 35px; .main-container { width: 1200px; @media (width >= 992px) { width: 1366px; } .header-form { .header-left-sec6 { width: 100%; padding-inline-end: 15px; @media (width >= 768px ){ width: 50%; } @media (width >= 992px ){ padding-inline-start: 50px; padding-inline-end: 0; } .head-text-sec6 { .on-logo { @media (width >= 992px ){ padding-bottom: 30px; } } h1 { font-family: 'Georgia'; font-weight: 400; font-size: 50px; line-height: 57px; color: #161513; margin-top: 40px; margin-bottom: 20px; @media (width >= 992px ){ margin-top: 30px; } } p { font-family: var(--Oracle-Font); font-weight: 400; font-size: 1.8rem; line-height: 2.6rem; color: #161513; } } .head-img { max-width: 492px; margin: 25px auto 50px auto; @media (width >= 768px ){ margin-inline-start: 0; } @media (width >= 992px ){ max-width: 562px; margin-top: 30px; } img { width: auto; max-width: 83%; @media (width >= 992px ){ max-width: 100%; } } } } .header-right-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; } .form-right { @media (width >= 768px ){ padding-top: 50px; } .form-section { background-color: var(--psh5-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px; padding-bottom: 40px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ width: 530px; margin: 0 auto 25px; padding: 30px 15px 40px; } @media (width >= 992px ){ width: 440px; } .form-heading-sec6 { h2 { font-family: 'Georgia'; font-style: italic; font-weight: 700; font-size: 20px; line-height: 22.72px; color: var(--psh5-form-h2); } p { font-family: var(--Oracle-Font); font-size: 14px; line-height: 18.27px; color: var(--psh5-form-p); } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh5-form-btn-text) !important; background: var(--psh5-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh5-btn-fontSize); line-height: var(--psh5-btn-lineheight); border-radius: 6px; /* height: 68px; */ float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding: 10px 16px; /* &:hover { background-color: var(--psh5-form-bg-btn-hover) !important; color: var(--psh5-form-btn-text-hover) !important; } &:active { background-color: var(--psh5-form-bg-btn-active) !important; color: var(--psh5-form-btn-text-active) !important; } &:disabled { background-color: var(--psh5-form-bg-btn-disabled) !important; color: var(--psh5-form-btn-text-disabled) !important; } */ } } } } } } } } } /* PSH6*/ .sec16, .psh6 { background-color: var(--psh6-bg); padding-top: 30px; padding-bottom: 35px; .main-container { width: 1200px; @media (width >= 992px) { width: 1366px; } .header-form{ .header-left-sec6 { width: 100%; @media (width >= 768px ){ padding-inline-end: 15px; width: 50%; } @media (width >= 992px ){ padding-inline-start: 50px; } @media (width >= 1180px ){ padding-inline-end: 0; } .head-text-sec6{ text-align: center; @media (width >= 992px ){ text-align: start; } .on-logo{} h1{ color: #161513; font-family: var(--Oracle-Font); font-size: 40px; font-weight: 400; line-height: 57px; margin: 0; @media (width >= 768px ){ font-size: 50px; } @media (width >= 992px ){ margin-block: 20px; } } p { color: #161513; font-family: var(--Oracle-Font); font-size: 1.8rem; font-weight: 400; line-height: 2.6rem; padding-top: 10px; margin-bottom: 0; @media (width >= 992px ){ padding-top: 0; } } } .bottom-btn { display: flex; &.hide-btn1, &:not(.bg-box-grey){ justify-content: center; padding-top: 34px; padding-bottom: 14px; @media (width >= 768px ){ justify-content: start; } a { font-family: var(--Oracle-Font); font-size: 13.75px; font-weight: 700; line-height: 16px; color: #000 !important; border: 1px solid #161513; border-radius: 4px; padding: 10px; } } &.hide-btn2, &.bg-box-grey{ background-color: #eeebe7; flex-direction: column; padding: 14px 20px; margin-top: 20px; border-radius: 15px; p { font-family: var(--Oracle-Font); font-weight: 700; font-size: 13px; line-height: 22px; margin-bottom: 10px; } a { font-family: var(--Oracle-Font); font-size: 13.75px; font-weight: 700; line-height: 16px; color: #000 !important; width: max-content; border: 1px solid #161513; border-radius: 4px; padding: 10px; } } } .head-img { width: auto; max-width: 492px; margin-top: 25px; margin-bottom: 50px; margin-inline: auto; @media (width >= 992px ){ max-width: 562px; margin-top: 30px; margin-inline-start: 0; } .img-resp { width: auto; display: block; @media (width >= 992px ){ max-width: 100%; } } } } .header-right-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; padding-top: 50px; } .form-section { background-color: #FFFFFF; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); margin: 0 auto 40px; padding: 20px 25px; width: 530px; max-width: 100%; border-radius: 7px; @media (width >= 768px ){ margin: 0 auto 25px; padding: 20px 35px; } .form-heading-sec6 { h2 { font-size: 14px; line-height: 18.27px; em { font-family: 'Georgia'; font-style: italic; font-weight: 700; font-size: 20px; line-height: 22.72px; color: var(--psh6-form-h2); } } p { font-family: var(--Oracle-Font); font-size: 14px; line-height: 18.27px; color: var(--psh6-form-p); } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh6-form-btn-text) !important; background: var(--psh6-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh6-btn-fontSize); line-height: var(--psh6-btn-lineheight); border-radius: 6px; height: auto; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding: 10px 16px; margin-top: 0; &:hover { background-color: var(--psh6-form-bg-btn-hover) !important; color: var(--psh6-form-btn-text-hover) !important; } &:active { background-color: var(--psh6-form-bg-btn-active) !important; color: var(--psh6-form-btn-text-active) !important; } &:disabled { background-color: var(--psh6-form-bg-btn-disabled) !important; color: var(--psh6-form-btn-text-disabled) !important; } } } } } } } } &.display-btn1 { .main-container .header-form .header-left-sec6 .bottom-btn { &.hide-btn2, &.bg-box-grey { display: none; } } } &.display-btn2 { .main-container .header-form .header-left-sec6 .bottom-btn { &.hide-btn2, &:not(.bg-box-grey) { display: none; } } } } /* PSH7 */ .header-form-wrap-sec6, .psh7 { padding: 30px 0 35px 0; background: var(--psh7-bg); .main-container { width: 1200px; @media (width >= 992px) { width: 1366px; } .header-form { .header-left-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; } @media (width >= 992px ){ padding-inline-start: 50px; } .head-text-sec6 { .on-logo { @media (width >= 920px ){ padding-bottom: 30px; } } h1 { font-family: var(--Oracle-Font); font-weight: 400; font-size: 50px; line-height: 65.25px; color: var(--psh7-title); margin: 40px 0 20px 0; @media (width >= 992px ){ margin-top: 30px; } } p { font-family: var(--Oracle-Font); font-weight: 400; font-size: 1.8rem; line-height: 2.6rem; color: var(--psh7-desc); } } .head-img { width: auto; max-width: 562px; margin: 25px auto 50px auto; @media (width >= 992px ){ margin: 0; margin-top: 30px; } .tabs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; a.tab { font-family: var(--Oracle-Font); font-weight: 600; font-size: 1.5rem; color: #6F6964 !important; text-decoration: none; padding: 5px 12px; border-radius: 56px; margin: 5px; cursor: pointer; background: #E4E1DD; &.active { &[data-id="1"] { background: var(--psh7-tab1-bg-active); color: var(--psh7-tab1-font-active) !important; } &[data-id="2"] { background: var(--psh7-tab2-bg-active); color: var(--psh7-tab2-font-active) !important; } &[data-id="3"] { background: var(--psh7-tab3-bg-active); color: var(--psh7-tab3-font-active) !important; } &[data-id="4"] { background: var(--psh7-tab4-bg-active); color: var(--psh7-tab4-font-active) !important; } &[data-id="5"] { background: var(--psh7-tab5-bg-active); color: var(--psh7-tab5-font-active) !important; } } &:hover { &[data-id="1"] { background: var(--psh7-tab1-bg-hover); color: var(--psh7-tab1-font-hover) !important; } &[data-id="2"] { background: var(--psh7-tab2-bg-hover); color: var(--psh7-tab2-font-hover) !important; } &[data-id="3"] { background: var(--psh7-tab3-bg-hover); color: var(--psh7-tab3-font-hover) !important; } &[data-id="4"] { background: var(--psh7-tab4-bg-hover); color: var(--psh7-tab4-font-hover) !important; } &[data-id="5"] { background: var(--psh7-tab5-bg-hover); color: var(--psh7-tab5-font-hover) !important; } } } } .images { position: relative; height: 55vw; margin-top: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; overflow: hidden; opacity: 0; @media (width >= 621px ){ height: 323px; } img { position: absolute; object-fit: contain; transition: all 1s ease !important; border-radius: 10px; box-shadow: 0px 4px 8px 0px #00000029; max-width: 100%; &[data-id="1"] { opacity: 1; } } } .arrows { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 40px; margin: 30px auto; position: relative; a.icn-img { text-decoration: none; width: 30px; height: 30px; &:before { color: #16151366; font-size: 30px !important; cursor: pointer; } } } } } .header-right-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; } .form-right { @media (width >= 768px ){ padding-top: 50px; } .otherbtn { display: flex; @media (width >= 768px ){ display: none; } input { font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh7-btn0-fontSize); line-height: var(--psh7-btn0-lineheight); color: var(--psh7-form-btn-text); background: var(--psh7-form-bg-btn); border-radius: 7px; max-width: 309px; width: 100%; height: 68px; margin: 10px auto; border: 0px; cursor: pointer; &:hover { background-color: var(--psh7-form-bg-btn-hover) !important; color: var(--psh7-form-btn-text-hover) !important; } &:active { background-color: var(--psh7-form-bg-btn-active) !important; color: var(--psh7-form-btn-text-active) !important; } &:disabled { background-color: var(--psh7-form-bg-btn-disabled) !important; color: var(--psh7-form-btn-text-disabled) !important; } } } .form-section { display: none; @media (width >= 768px ){ display: block; } } .form-section.mbehaviour { display: none; background-color: var(--psh7-bg-form-section); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 40px; padding: 25px; padding-bottom: 40px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ display: block; width: 440px; margin: 0 auto 25px; padding: 30px 15px 40px; } .form-heading-sec6 { h2 { font-family: var(--Oracle-Font); font-weight: 400; font-size: 14px; line-height: 18.27px; color: var(--psh7-form-p); em { font-family: 'Georgia'; font-style: italic; font-weight: 700; font-size: 20px; line-height: 22.72px; color: var(--psh7-form-h); } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh7-form-btn-text) !important; background: var(--psh7-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh7-btn-fontSize); line-height: var(--psh7-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 30px; &:hover { background-color: var(--psh7-form-bg-btn-hover) !important; color: var(--psh7-form-btn-text-hover) !important; } &:active { background-color: var(--psh7-form-bg-btn-active) !important; color: var(--psh7-form-btn-text-active) !important; } &:disabled { background-color: var(--psh7-form-bg-btn-disabled) !important; color: var(--psh7-form-btn-text-disabled) !important; } } } } } } } } } } /* PSH8 */ #head-wrap, .psh8 { background: var(--psh8-bg); background-position: 100%; background-size: cover; padding-top: 30px; [data-trackas="Header"] { .main-container { width: 1200px; .header-left-sec2 { .top-area-header { width: 675px; max-width: 100%; .on-logo { @media (width >= 920px ){ padding-bottom: 30px; } } .header-copy { width: 575px; max-width: 100%; text-align: center; @media (width >= 992px ){ text-align: start; } h1 { font-family: var(--Oracle-Font); font-size: 40px; line-height: 45px; color: var(--psh8-title); font-weight: 600; margin: 0 5%; @media (width >= 992px ){ font-size: 61px; line-height: 65px; margin: 0 0 15px; } } h2 { font-family: var(--Oracle-Font); font-size: 24px; line-height: 26px; color: var(--psh8-desc); font-weight: 600; margin: 0; padding: 0 0 25px; } } } .header-feat {} } .form-right { @media (width < 992px ){ width: 100%; } .otherbtn { display: none; text-align: center; @media (width >= 992px ){ display: none; } .mobbtn{ font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 16px; line-height: 29px; color: #fff; background: #E18212; border-radius: 7px; height: 68px; width: 100%; max-width: 309px; margin: 10px; border: 0px; } } .form-section { /* display: none; */ background-color: #FFFFFF; box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 75px auto 40px; padding: 25px 25px 40px 25px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ width: 600px; margin: 75px auto 25px; padding: 30px 15px 40px 15px; } @media (width >= 992px ){ display: block; } @media (width >= 1050px ){ width: 440px; } .form-heading { h3 { font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 20px; color: var(--psh8-form-p); padding: 10px; margin-bottom: 15px; span { font-family: 'Georgia'; font-size: 28px; font-weight: 700; line-height: 32px; font-style: italic; color: var(--psh8-form-span); margin-inline-end: 5px; } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh8-form-btn-text) !important; background: var(--psh8-form-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh8-btn-fontSize); line-height: var(--psh8-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding: 10px 16px; margin-top: 30px; &:hover { background-color: var(--psh8-form-bg-btn-hover) !important; color: var(--psh8-form-btn-text-hover) !important; } &:active { background-color: var(--psh8-form-bg-btn-active) !important; color: var(--psh8-form-btn-text-active) !important; } &:disabled { background-color: var(--psh8-form-bg-btn-disabled) !important; color: var(--psh8-form-btn-text-disabled) !important; } } } } } } } } .feat-area-sec2 { padding-top: 10px; padding-bottom: 40px; .main-container { width: 1200px; .feat-content { width: 100%; max-width: 989px; margin: 0 auto; text-align: center; h2 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 600; font-size: 40px; line-height: 52px; color: var(--psh8-feat-title); } p { font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--psh8-feat-desc); margin-bottom: 15px; padding-bottom: 15px; } } .feat-list-sec { .feat-list { display: flex; gap: 20px; .feat-item { display: flex; flex-direction: column; align-items: center; gap: 15px; background: #fff; box-shadow: 0px 4px 10px rgb(0 0 0 / 25%); width: 265px; border-radius: 20px; padding: 30px 30px 40px; margin-bottom: 20px; text-align: center; h3 { font-family: var(--Oracle-Font); font-weight: 700; font-size: 16px; line-height: 20px; color: #000; margin-bottom: 0; } p { font-family: var(--Oracle-Font); font-weight: 400; font-size: 15px; line-height: 21px; color: #000; margin-bottom: 0; } } } } } } } /* PSH9 */ .comp-b, .psh9 { background: var(--psh9-bg); padding: 15px; @media (width >= 992px ){ padding: 30px 30px 60px 30px; } .main-container { width: 1366px; .header-left { width: 100%; @media (width >= 768px ){ width: 50%; } .head-text { svg { color: var(--psh9-logo); } h1 { font-family: var(--Oracle-Font); font-size: 35px; font-weight: 600; line-height: 5.9rem; color: var(--psh9-title); text-align: center; margin-top: 60px; margin-bottom: 3%; @media (width >= 992px ){ font-size: 5.2rem; text-align: start; margin-bottom: 15px; } } p { color: var(--psh9-desc); font-size: 2.4rem; font-weight: 600; line-height: 3.2rem; margin: 0 0 15px 0; } ul { padding-inline-start: 2.5em; li { color: var(--psh9-desc); line-height: 3.2rem; font-size: 2.4rem; list-style: disc; } } } .bottom-btn { width: 100%; padding-top: 10px; text-align: center; @media (width >= 992px ){ padding-top: 30px; text-align: start; } a.sec5abtn { color: var(--psh9-btn-text) !important; background: var(--psh9-bg-btn) !important; font-family: var(--Oracle-Font); font-weight: 700; font-size: var(--psh9-btn-fontSize); line-height: var(--psh9-btn-lineheight); text-align: center; text-decoration: none; cursor: pointer; display: block; width: 330px; max-width: 100%; border-radius: 7px; padding: 20px 15px; margin: 0 auto; &:hover { background-color: var(--psh9-bg-btn-hover) !important; color: var(--psh9-btn-text-hover) !important; } &:active { background-color: var(--psh9-bg-btn-active) !important; color: var(--psh9-btn-text-active) !important; } &:disabled { background-color: var(--psh9-bg-btn-disabled) !important; color: var(--psh9-btn-text-disabled) !important; } @media (width >= 992px ){ margin: 0; } } } } .comp-right-sec5 { width: 100%; @media (width >= 768px ){ width: 50%; } .comp-img-sec5 { padding-top: 25px; @media (width >= 768px ){ padding-top: 0; padding-inline-start: 15px; } img { margin: 0 auto; max-width: 100%; } } } } } /* PSH10 */ .sec10[data-id="header-noform-sitenav-iconlist"], .psh10 { .u30 { .u30brandw1 { display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: var(--psh10-u30-text); a svg path { fill: var(--psh10-u30-logo) !important; } } } .header-content { background-color: var(--psh10-bg); padding: 15px; @media (width >= 992px ){ padding: 30px; } .main-container { width: 1200px; .comp-left { width: 100%; @media (width >= 768px ){ width: 50%; } .head-text { h1 { font-family: var(--Oracle-Font); font-weight: 600; font-size: 40px; line-height: 58px; color: var(--psh10-title); text-align: center; margin: 5% 0; @media (width >= 768px) { margin-bottom: 30px; } @media (width >= 992px) { font-size: 47px; text-align: start; margin-top: 0; } } .ul { width: 68%; margin: 0 auto; @media (width >= 992px) { margin: 0; } li { margin-bottom: 20px; div { display: flex; align-items: center; gap: 30px; span { font-family: var(--Oracle-Font); font-size: 14px; line-height: 18.83px; color: var(--psh10-desc); } } } } } .bottom-btn { padding-top: 10px; @media (width >= 992px) { padding-top: 30px; } a { font-family: var(--Oracle-Font); font-size: 20px; font-weight: 700; line-height: 1em; color: var(--psh10-btn-text) !important; text-align: center; text-decoration: none; display: block; background-color: var(--psh10-bg-btn); width: 330px; max-width: 100%; padding: 20px 15px; border: 0; border-radius: 7px; cursor: pointer; margin: auto; @media (width >= 992px) { margin: 0; } &:hover { background-color: var(--psh10-bg-btn-hover) !important; color: var(--psh10-btn-text-hover) !important; } &:active { background-color: var(--psh10-bg-btn-active) !important; color: var(--psh10-btn-text-active) !important; } } } } .comp-right { width: 100%; @media (width >= 768px) { width: 50%; } .comp-img { img { margin: 0 auto; max-width: 83%; } } } } } } /* PSH11 */ .header-form-wrap-sec-11, .psh11 { background: var(--psh11-bg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; padding-block: 30px 40px; @media (width >= 992px ){ padding-bottom: 25px; } .main-container { width: 1200px; .header-left { width: 100%; @media (width >= 992px ){ width: 60%; padding-inline-end: 5px; } .top-area-header { width: 675px; max-width: 100%; margin: 0 auto; .on-logo { @media (width >= 920px ){ padding-bottom: 30px; } img { height: 16.98px; } } .header-copy-sec-11 { h1 { font-family: var(--Oracle-Font); font-size: 75px; line-height: 85px; font-weight: 800; color: var(--psh11-title); margin-block: 40px 3%; @media (width >= 626px) { font-size: 90px; margin-top: 20px; } @media (width >= 626px) { margin-bottom: 15px; } } h2 { font-family: var(--Oracle-Font); font-size: 28px; font-weight: 400; line-height: 49.59px; text-wrap: balance; color: var(--psh11-desc); margin: 0; padding-bottom: 25px; @media (width >= 626px) { font-size: 38px; } } } } .header-feat-sec-11 { display: flex; justify-content: center; margin-bottom: 40px; @media (width >= 992px) { justify-content: start; margin-bottom: 0; } .header-img-bg-sec-11 img { max-width: 100%; display: block; } } } .form-right { width: 100%; @media (width >= 992px ){ width: 40%; } .row.otherbtn { text-align: center; @media (width >= 992px ){ display: none; } .mobbtn{ font-family: var(--Oracle-Font); font-weight: 700; font-size: 22px; line-height: 29px; color: var(--psh11-btn-text); background: var(--psh11-bg-btn); border-radius: 7px; height: 68px; width: 100%; max-width: 309px; margin: 10px; border: 0px; } } .form-section { display: none; background-color: var(--psh11-form-bg); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); margin: 0 auto 0; padding: 25px 25px 40px 25px; width: 495px; max-width: 100%; border-radius: 20px; @media (width >= 768px ){ width: 600px; padding: 30px 15px 40px 15px; } @media (width >= 992px ){ display: block; } @media (width >= 1050px ){ width: 440px; } .form-content { .form-heading { h3 { font-family: var(--Oracle-Font); font-size: 14px; font-weight: 400; line-height: 18.27px; color: var(--psh11-form-h3); padding: 10px; margin-bottom: 15px; span { font-family: 'Georgia'; font-size: 22px; font-weight: 400; line-height: 25px; color: var(--psh11-form-span); display: inline-block; margin-block-end: 4px; } } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh11-btn-text) !important; background: var(--psh11-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh11-btn-fontSize); line-height: var(--psh11-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding: 10px 16px; margin-top: 30px; &:hover { background-color: var(--psh11-bg-btn-hover) !important; color: var(--psh11-btn-text-hover) !important; } &:active { background-color: var(--psh11-bg-btn-active) !important; color: var(--psh11-btn-text-active) !important; } &:disabled { background-color: var(--psh11-bg-btn-disabled) !important; color: var(--psh11-btn-text-disabled) !important; } } } } } } } } } /* PSH12 */ .sec15[data-id="header-bgcolor-v2"], .psh12 { background: var(--psh12-bg); padding: 30px 0 35px 0; .main-container { width: 1200px; .header-form { .header-left-sec6 { width: 100%; @media (width >= 768px) { width: 50%; padding-inline-end: 15px; } @media (width >= 992px) { padding-inline: 50px 0px; } .head-text-sec6 { .on-logo { @media (width >= 992px) { padding-bottom: 30px; } } h1 { font-family: 'Georgia'; font-weight: 400; font-size: 50px; line-height: 57px; text-wrap: balance; color: var(--psh12-title) !important; margin-block: 40px 20px; @media (width >= 992px) { margin-top: 30px; } } p { font-family: 'Oracle Sans'; font-size: 1.8rem; font-weight: 400; line-height: 2.6rem; text-wrap: pretty; color: var(--psh12-desc) !important; } } .head-img { width: auto; max-width: 492px; margin: 25px auto 50px auto; @media (width >= 992px) { max-width: 562px; margin-block: 30px 0px; } img { width: auto; max-width: 83%; @media (width >= 992px) { max-width: 100%; } } } } .header-right-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; } .form-right { @media (width >= 768px ){ padding-top: 50px; } .form-section { display: block; width: 495px; max-width: 100%; margin: 0 auto 40px; padding: 25px 25px 40px 25px; border-radius: 20px; background: var(--psh12-form-bg); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); @media (width >= 768px) { width: 600px; margin-bottom: 25px; padding: 30px 15px 40px 15px; } @media (width >= 992px) { width: 440px; } .form-content { .form-heading-sec6 .fh-right { h2 { font-size: 14px; line-height: 18.27px; em { font-family: 'Georgia'; font-size: 20px; font-weight: 700; line-height: 22.72px; color: var(--psh12-form-h) !important; } } p { font-family: var(--Oracle-Font); font-size: 14px; line-height: 18.27px; color: var(--psh12-form-p) !important; } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh12-btn-text) !important; background: var(--psh12-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh12-btn-fontSize); line-height: var(--psh12-btn-lineheight); border-radius: 7px; height: 68px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 0; &:hover { background-color: var(--psh12-bg-btn-hover) !important; color: var(--psh12-btn-text-hover) !important; } &:active { background-color: var(--psh12-bg-btn-active) !important; color: var(--psh12-btn-text-active) !important; } &:disabled { background-color: var(--psh12-bg-btn-disabled) !important; color: var(--psh12-btn-text-disabled) !important; } } } } } } } } } } } /* PSH13*/ .header-form-wrap-sec9, .psh13 { background: var(--psh13-bg); padding: 30px 0 35px 0; .main-container { width: 1200px; @media (width >= 992px) { width: 1366px; } .header-left-sec6 { width: 100%; @media (width >= 768px) { width: 50%; } @media (width >= 992px) { padding-inline-start: 50px; } .head-text-sec6 { .on-logo { @media (width >= 992px ){ padding-bottom: 30px; } } h1.headtxt-sec9 { font-family: var(--Oracle-Font); font-size: 51px; font-weight: 600; line-height: 60.69px; color: var(--psh13-title); margin-block: 40px 20px; @media (width >= 992px) { margin-block: 30px 20px; } } p { font-family: var(--Oracle-Font); font-size: 24px; font-weight: 400; line-height: 39px; color: var(--psh13-desc); } } .head-img { width: auto; max-width: 492px; margin: 25px auto 50px auto; @media (width >= 992px) { max-width: 562px; margin: 30px auto 0 0; } img { @media (width < 992px) { width: auto; max-width: 83%; } } } } .header-right-sec6 { width: 100%; @media (width >= 768px ){ width: 50%; } .form-right { @media (width >= 768px ){ padding-top: 50px; } .form-section { display: block; width: 495px; max-width: 100%; margin: 0 auto 40px; padding: 25px 25px 40px 25px; border-radius: 20px; background: var(--psh13-form-bg); box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.1); @media (width >= 768px) { width: 600px; margin-bottom: 25px; padding: 30px 15px 40px 15px; } @media (width >= 992px) { width: 440px; } .form-content { .form-heading-sec6 .fh-right { h2 { font-size: 14px; line-height: 18.27px; em { font-family: 'Georgia'; font-size: 28px; font-weight: 700; line-height: 22.72px; color: var(--psh13-form-h) !important; } } p { font-family: var(--Oracle-Font); font-size: 1.5rem; line-height: 1.957rem; color: var(--psh13-form-p) !important; } } .form-wrapper { max-width: 100%; display: block; margin: 0 auto; form { input[type=submit] { color: var(--psh13-btn-text) !important; background: var(--psh13-bg-btn) !important; font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: var(--psh13-btn-fontSize); line-height: var(--psh13-btn-lineheight); border-radius: 7px; float: none; max-width: 309px; width: 100%; align-items: center; text-align: center; padding-block: 10px; margin-top: 0; &:hover { background-color: var(--psh13-bg-btn-hover) !important; color: var(--psh13-btn-text-hover) !important; } &:active { background-color: var(--psh13-bg-btn-active) !important; color: var(--psh13-btn-text-active) !important; } &:disabled { background-color: var(--psh13-bg-btn-disabled) !important; color: var(--psh13-btn-text-disabled) !important; } } } } } } } } } } /* Body */ /* PSB1 */ .ai-btm-fptleftright-sec8, .psb1 { padding-top: 30px; .main-container { width: 1200px; background: var(--psb1-bg); padding-top: 12rem; padding-bottom: 30px; border-top-right-radius: 4rem; border-top-left-radius: 4rem; @media (width >= 992px ){ width: 1366px; padding-bottom: 60px; } #blackleaders { width: 100%; margin: 0 auto; @media (width >= 992px ){ width: 80%; } .col-gutters ul { li { padding: 30px; h6 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--psb1-h6); &::after { content: ""; display: block; width: 40px; height: 4px; margin: 0.39285em 0 0.423em; background: var(--psb1-h6-tr); } } h3 { font-family: 'Georgia'; font-style: normal; font-weight: 400; font-size: 35px; line-height: 40px; color: var(--psb1-h3); text-wrap: balance; } p { font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 16px; line-height: 29px; letter-spacing: 0.04em; color: var(--psb1-p); text-wrap: balance; } &.imgod { @media (width < 992px ){ order: 1; } img { width: max-content; margin-inline: auto; max-width: 100%; } } } } } } } /* PSB2 */ .trusted-area:not(.sec3mainpad, .sec15), .psb2 { background-color: var(--psb2-bg); padding-top: 25px; &::before { filter: var(--psb2-opacity); } .main-container { width: 1200px; .trust-left { width: 100%; padding-inline: 40px; margin-top: 25px; text-align: center; @media (width >= 768px) { width: 50%; margin-bottom: 25px; text-align: start; } h2 { color: var(--psb2-h2); margin-top: 0; font-family: var(--Oracle-Font); font-style: normal; font-weight: 600; font-size: 40px; line-height: 52px; } p { color: var(--psb2-p); margin-bottom: 0; font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 22px; line-height: 34px; } } .trust-right { width: 100%; @media (width >= 768px) { width: 50%; padding-inline-start: 15px; } .img-resp { margin-top: 20px; @media (width >= 768px) { margin-top: -80px; } } } } } /* PSB3 */ .pad-btm, .psb3 { padding-block: 20px; background: var(--psb3-bg); .main-container { width: 1366px; .comp-bns-wrap { background-color: var(--psb3-content-bg); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24); border-radius: 7px; padding: 5% 7.5%; .comp-left { width: 100%; @media (width >= 768px) { width: 50%; padding-inline-end: 15px; } h2 { font-family: var(--Oracle-Font); font-weight: 700; line-height: 36.54px; color: var(--psb3-h2); font-size: 28px; margin-bottom: 20px; } p { margin: 0; color: var(--psb3-p); font-size: 17px; line-height: 1.5em; } } .comp-right { width: 100%; margin-top: 25px; @media (width >= 768px) { margin-top: 0; width: 50%; } .comp-img .img-resp { margin-inline: auto; max-width: 83%; } } } } } /* PSB4 */ .sec3mainpad, .psb4 { background: var( --psb4-bg); padding: 25px 0 60px; @media (width >= 992px ){ padding-top: 100px; } .main-container { width: 1200px; .content-mid-center { .trust-left { width: 100%; max-inline-size: 437px; padding-inline-end: 40px; margin: 25px 0; @media (width < 768px ){ text-align: center; } @media (width >= 768px ){ width: 50%; } h2 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 600; font-size: 28px; line-height: 26px; color: #1a5867; margin-top: 0; } p { font-family: var(--Oracle-Font); font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 0; } } .trust-right { width: 100%; @media (width >= 768px ){ width: 50%; padding-inline-start: 15px; float: left; } img { margin-inline: auto; margin-top: 20px; @media (width >= 768px ){ margin-top: -80px; } } } } .bottom-btn { padding-top: 30px; text-align: center; a { font-family: var(--Oracle-Font); font-size: var(--psb4-btn-fontSize); font-weight: 700; line-height: var(--psb4-btn-lineheight); white-space: unset; text-align: center; background-color: var(--psb4-bg-btn); color: var(--psb4-btn-text) !important; padding: 20px 15px; margin: 0 auto; border: 0; border-radius: 7px; text-decoration: none; width: 330px; max-width: 100%; display: block; &:hover { cursor: pointer; background-color: var(--psb4-bg-btn-hover); color: var(--psb4-btn-text-hover) !important; } &:active { background-color: var(--psb4-bg-btn-active); color: var(--psb4-btn-text-active) !important; } &:disabled { background-color: var(--psb4-bg-btn-disabled); color: var(--psb4-btn-text-disabled) !important; } } } } } /* PSB5 */ .comp-bns-sec6:not(.psb12), .psb5 { background: var(--psb5-bg); .mainsec6 { width: 1200px; max-width: 100%; margin: 0 auto; padding-inline: 30px; @media (width >= 1200px ){ padding-inline: 0; } .comp-bns-wrap-sec6 { background: var(--psb5-content-bg); border-radius: 7px; .comp-left { width: 100%; padding-bottom: 15px; @media (width >= 768px) { width: 50%; padding-bottom: 0; } h2 { font-family: var(--Oracle-Font); font-size: 3.5rem; font-weight: 400; line-height: 4.567rem; color: var(--psb5-h2); } p { font-family: var(--Oracle-Font); font-size: 17px; font-weight: 400; line-height: 27px; color: var(--psb5-p); } ul { padding-left: 2.5em; li{ font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 22px; color: var(--psb5-p); list-style: disc; } } .bottom-btn { padding-top: 10px; @media (width >= 992px) { padding-top: 30px; } a { display: block; font-family: var(--Oracle-Font); font-size: var(--psb5-btn-fontSize); font-weight: 700; line-height: var(--psb5-btn-lineheight); color: var(--psb5-btn-text) !important; text-align: center; text-decoration: none; background: var(--psb5-bg-btn); border-radius: 7px; padding: 20px 15px; margin-inline: auto; cursor: pointer; width: 330px; max-width: 100%; &:hover { background-color: var(--psb5-bg-btn-hover); color: var(--psb5-btn-text-hover) !important; } &:active { background-color: var(--psb5-bg-btn-active); color: var(--psb5-btn-text-active) !important; } &:disabled { background-color: var(--psb5-bg-btn-disabled); color: var(--psb5-btn-text-disabled) !important; } } } } > div:not(.comp-left) { width: 100%; @media (width >= 768px) { width: 50%; padding-inline-start: 15px; } } } } } /* PSB6 */ .ctabgagray, .psb6 { background: var(--psb6-bg); .main-container { width: 1200px; .bottom-btn { padding-block: 50px; a { display: block; font-family: var(--Oracle-Font); font-size: var(--psb6-btn-fontSize); font-weight: 700; line-height: var(--psb6-btn-lineheight); color: var(--psb6-btn-text) !important; text-align: center; text-decoration: none; background: var(--psb6-bg-btn); border-radius: 7px; padding: 20px 15px; margin-inline: auto; cursor: pointer; width: 330px; max-width: 100%; &:hover { background-color: var(--psb6-bg-btn-hover); color: var(--psb6-btn-text-hover) !important; } &:active { background-color: var(--psb6-bg-btn-active); color: var(--psb6-btn-text-active) !important; } &:disabled { background-color: var(--psb6-bg-btn-disabled); color: var(--psb6-btn-text-disabled) !important; } } } } } /* PSB7 */ .ns-feat-wrap:not(.ns-feat-wrap-sec5, .ns-feat-wrap-sec6), .psb7 { padding-top: 20px; .main-container { width: 1200px; .subhead-sec { text-align: center; h2 { font-family: var(--Oracle-Font); font-size: 28px; line-height: 37px; font-weight: bold; color: var(--psb7-title); margin: 0 0 40px; } } } } /* PSB8 */ .compare-section, .psb8 { background-repeat: no-repeat; background-size: contain; background-position: center bottom; background-image: var(--psb8-bg); padding-bottom: 50px; .main-container { width: 1254px; .compare-table-area { .compare-table { width: 1100px; max-width: 100%; box-shadow: 4px 2px 29px 2px rgba(212, 212, 214, 1); -moz-box-shadow: 4px 2px 29px 2px rgba(212, 212, 214, 1); -webkit-box-shadow: 4px 2px 29px 2px rgba(212, 212, 214, 1); margin: 0 auto; @media (width < 768px ){ overflow-x: scroll; } table.vs-quickbooks { border-collapse: collapse; @media (width < 768px ){ width: 738px; } thead tr{ th { font-family: var(--Oracle-Font); font-size: 20px; font-weight: 600; line-height: 22px; width: 13%; padding: 5px; @media (width >= 768px ) { padding: 20px 10px; } &:nth-child(1) { font-size: 30px; font-weight: 400; line-height: 39px; text-align: start; color: var(--psb8-h1-txt); background: var(--psb8-h1-bg); padding: 20px; width: auto; } &:nth-child(2) { background: var(--psb8-h2-bg); color: var(--psb8-h2-txt); } &:nth-child(3) { background: var(--psb8-h3-bg); color: var(--psb8-h3-txt); } &:nth-child(4) { background: var(--psb8-h4-bg); color: var(--psb8-h4-txt); } &:nth-child(5) { background: var(--psb8-h5-bg); color: var(--psb8-h5-txt); } &:nth-child(6) { background: var(--psb8-h6-bg); color: var(--psb8-h6-txt); } &:nth-child(7) { background: var(--psb8-h7-bg); color: var(--psb8-h7-txt); } img { width: 95px; max-width: 100%; margin: 0 auto; } } } tbody { tr { &:nth-child(even) td { background: var(--psb8-bd-row-even); color: var(--psb8-bd-row-even-txt); } &:nth-child(odd) td { background: var(--psb8-bd-row-odd); color: var(--psb8-bd-row-odd-txt); } &.table-legend { td { padding: 10px 20px; background: var(--psb8-bd-row-legend); color: var(--psb8-bd-row-legend-txt); div.flex { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; margin-inline-end: 20px; div:nth-child(2) { p { font-family: var(--Oracle-Font); font-size: 11px; line-height: 22px; margin-bottom: 0; } } } } } td { font-family: var(--Oracle-Font); &:nth-child(1) { font-size: 14px; line-height: 16px; padding-block: 10px; padding-inline-start: 20px; padding-inline-end: 5px; } &.comp-remark { border-left: 1px solid var(--psb8-border-remark); } .green-icon { background-color: var(--psb8-green-icon); width: 14px; height: 14px; border-radius: 50%; margin: 21px auto; } .yellow-icon { background-color: var(--psb8-yellow-icon); width: 14px; height: 14px; border-radius: 50%; margin: 21px auto; } .x-icon { align-self: flex-start; font-weight: bold; width: 14px; margin: auto; &::after { content: '\d7'; font-size: 28px; line-height: 28px; color: var(--psb8-x-icon); } } .tab-sup { position: relative; sup { position: absolute; right: -8px; top: -6px; font-size: 8px; } &.x-icon { sup { font-weight: 400; top: 4px; } } } .n1-soft.n2 { background: var(--psb8-btn-bg); margin: 10px 5px; border-radius: 2px; text-align: center; span { a { color: var(--psb8-btn-text) !important; font-size: 13px; line-height: 25px; text-transform: uppercase; text-decoration: none; } } } &.collapse-table { p { color: var(--psb8-disclaimer-text); } } &.comp_footer { p { max-width: calc(100vw - 100px); } } } } &#hidden_content { display: none; tr { &.table-legend { td { font-size: 18px; background: var(--psb8-hidden-titles); } } } } } } } } } } /* PSB9 */ .sec10[data-id="intermediate-title-btnx2-transparent"], .psb9 { background: var(--psb9-bg); padding-block: 30px; .main-container { width: 1200px; .subhead-sec { h2.subhead { font-family: var(--Oracle-Font); font-size: 18px; font-weight: bold; line-height: 23.49px; text-align: center; color: var(--psb9-title); margin-bottom: 0; } } .btn-section { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; .bottom-btn { padding-top: 10px; @media (width >= 992px) { padding-top: 30px; } a { font-family: var(--Oracle-Font); font-size: 20px; font-weight: 700; line-height: 1em; text-decoration: none; color: var(--psb9-btn-text) !important; display: flex; align-items: center; justify-content: center; gap: 10px; width: 330px; max-width: calc(100vw - 30px); margin: 0 auto; padding: 20px 15px; border: 2px solid var(--psb9-btn-border); border-radius: 7px; background: var(--psb9-btn-bg); .icn-img { margin: 0; } } } } } } /* PSB10 */ .sec15.trusted-area, .psb10 { background: var(--psb10-bg); padding-block: 25px; & > .main-container { width: 1200px; @media (width >= 768px ){ margin-bottom: 30px; } .content-mid-center { .main-container { @media (width >= 768px ){ margin-bottom: 30px; } .subhead-sec { h2 { font-family: var(--Oracle-Font); font-size: 32px; font-weight: 600; line-height: 42px; text-align: center; color: var(--psb10-title) !important; margin-bottom: 10px; } p { font-family: var(--Oracle-Font); font-size: 18px; font-weight: 600; line-height: 23px; text-align: center; color: var(--psb10-desc) !important; margin-bottom: 0; } } } .trust-left { width: 100%; margin-block: 25px; padding-inline: 40px; @media (width >= 768px ){ width: 50%; } ul li { margin-bottom: 10px; div { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; @media (520px <= width < 768px ){ margin-inline-start: 30px; } img { width: 68px; } span {} } } } .secwidth50:not(.trust-left) { width: 100%; @media (width >= 768px ){ width: 50%; } } } .bottom-btn { text-align: center; padding-top: 10px; @media (width >= 768px ){ padding-top: 30px; } a { font-family: var(--Oracle-Font); font-size: var(--psb10-btn-fontSize); font-weight: 700; line-height: var(--psb10-btn-lineheight); text-align: center; text-decoration: none; color: var(--psb10-btn-text) !important; display: block; width: 330px; max-width: 100%; background: var(--psb10-bg-btn); padding: 20px 15px; margin-inline: auto; border: 0; border-radius: 7px; cursor: pointer; &:hover { background-color: var(--psb10-bg-btn-hover); color: var(--psb10-btn-text-hover) !important; } &:active { background-color: var(--psb10-bg-btn-active); color: var(--psb10-btn-text-active) !important; } } } } } /* PSB11 */ .feat-area-sec9, .psb11 { background: var(--psb11-bg); padding-block: 10px 10px; @media (width >= 768px) { padding-bottom: 40px; } .main-container { width: 1200px; .feat-content { width: 100%; max-width: 989px; margin: 0 auto; h2 { font-family: 'Oracle Sans'; font-size: 32px; font-weight: 600; line-height: 41.76px; text-align: center; color: var(--psb11-title); } p { font-family: 'Oracle Sans'; font-size: 18px; font-weight: 600; line-height: 23.49px; text-align: center; color: var(--psb11-desc); margin-bottom: 0; @media (768px <= width < 992px) { padding-bottom: 30px; } } } } } /* PSB5 */ .comp-bns-sec6.psb12 { background: var(--psb12-bg); .mainsec6 { width: 1200px; max-width: 100%; margin: 0 auto; padding-inline: 30px; @media (width >= 1200px ){ padding-inline: 0; } .comp-bns-wrap-sec6 { background: var(--psb12-content-bg); border-radius: 7px; .comp-left { width: 100%; padding-bottom: 15px; @media (width >= 768px) { width: 50%; padding-bottom: 0; } h2 { font-family: var(--Oracle-Font); font-size: 3.5rem; font-weight: 400; line-height: 4.567rem; color: var(--psb12-h2); } p { font-family: var(--Oracle-Font); font-size: 17px; font-weight: 400; line-height: 27px; color: var(--psb12-p); } ul { padding-left: 2.5em; li{ font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 22px; color: var(--psb12-p); list-style: disc; } } .bottom-btn { padding-block: 30px 50px; @media (width >= 768px) { padding-top: 50px; } a { display: block; font-family: var(--Oracle-Font); font-size: var(--psb12-btn-fontSize); font-weight: 700; line-height: var(--psb12-btn-lineheight); color: var(--psb12-btn-text) !important; text-align: center; text-decoration: none; background: var(--psb12-bg-btn); border-radius: 7px; border: 2px solid #161513; padding: 10px; margin-inline: auto; cursor: pointer; width: fit-content; max-width: 100%; @media (width >= 768px) { margin-inline-start: 1.8em; } &:hover { background-color: var(--psb12-bg-btn-hover); color: var(--psb12-btn-text-hover) !important; } /* &:active { background-color: var(--psb12-bg-btn-active); color: var(--psb12-btn-text-active) !important; } */ /* &:disabled { background-color: var(--psb12-bg-btn-disabled); color: var(--psb12-btn-text-disabled) !important; } */ } } } > div:not(.comp-left) { width: 100%; @media (width >= 768px) { width: 50%; } .comp-img img { margin: 0 auto; max-width: 83%; } } } } } /* Card */ /* PSC1 */ .testimonials, .psc1 { position: relative; margin-top: 40px; z-index: 1; @media (width >= 920px) { &::after { background: var(--psc1-bg); bottom: 0; content: ''; display: block; height: 88%; left: 0px; position: absolute; right: 0; z-index: -1; background-size: cover; background-repeat: no-repeat; } } .test-cont1 { width: 1200px; max-width: 100%; margin: 0 auto; align-items: center; padding-bottom: 25px; @media (width >= 920px) { padding-bottom: 0px; } .testi-wrap { text-align: center; width: 100%; @media (width >= 920px) { width: 40%; margin-bottom: 40px; text-align: start; } h3 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 28px; line-height: 37px; color: var(--psc1-s1-h3); margin-bottom: 25px; @media (width < 920px) { margin-bottom: 10px; } } p { font-family: var(--Oracle-Font); font-style: normal; font-weight: 300; font-size: 25px; line-height: 35px; color: var(--psc1-s1-p); } } .testi-img { width: 100%; text-align: center; @media (width >= 920px) { width: 60%; text-align: end; } img { width: 70%; } } } .test-cont { width: 1200px; padding-block: 25px; background: var(--psc1-color-bg); @media (width >= 920px) { background: transparent; padding-block: 75px 50px; } h2 { font-family: var(--Oracle-Font); font-weight: 800; font-size: 28px; line-height: 37px; text-align: center; color: var(--psc1-s2-h2); } p { font-family: var(--Oracle-Font); font-weight: 400; font-size: 20px; line-height: 33px; text-align: center; color: var(--psc1-s2-p); } .feat-list-sec { .feat-list { gap: 20px; justify-content: space-around; padding-bottom: 20px; .feat-item { display: flex; flex-direction: column; align-items: center; width: 265px; max-width: 100%; padding: 30px 30px 40px; gap: 15px; background: var(--psc1-card-bg); box-shadow: 0px 4px 10px rgb(0 0 0 / 25%); &.ft-01 { border-bottom: 9px solid var(--psc1-card1-strip); h3 { color: var(--psc1-card1-h3); } } &.ft-02 { border-bottom: 9px solid var(--psc1-card2-strip); h3 { color: var(--psc1-card2-h3); } } &.ft-03 { border-bottom: 9px solid var(--psc1-card3-strip); h3 { color: var(--psc1-card3-h3); } } &.ft-04 { border-bottom: 9px solid var(--psc1-card4-strip); h3 { color: var(--psc1-card4-h3); } } .feat-img { img { max-width: 100%; } } h3 { font-family: var(--Oracle-Font); font-weight: 600; font-size: 20px; line-height: 26px; text-align: center; margin-block: 15px 10px; @media (width >= 920px) { margin-bottom: 0px; } } p { margin-bottom: 0; color: var(--psc1-card-p); font-weight: 400; font-size: 16px; line-height: 20px; } } } } } } /* PSC2 */ .bgcolor-sec8, .psc2 { background: var(--psc2-bg); > div { h2 { font-family: 'Georgia'; font-weight: 700; font-size: 18px; line-height: 20px; text-align: center; color: var(--psc2-h2); } .inview { margin-bottom: 0 !important; .col-w1 { justify-content: center; .col-item { width: calc(90% - 24px); max-width: calc(90% - 24px); margin-bottom: 0; @media (width >= 992px) { width: calc(40% - 24px); max-width: calc(40% - 24px); } .col-item-w1 { min-height: auto; .rc99img { img { max-width: 1000px; } } } } } } .bottom-red-btn { a { display: block; font-family: var(--Oracle-Font); font-weight: 700; font-size: 18px; line-height: 23px; color: var(--psc2-btn-color) !important; background: var(--psc2-btn-bg); border-radius: 6px; height: 47px; width: max-content; margin: 0 auto; padding:10px 16px; } } } } /* PSC3 */ .ns-feat-wrap-sec5, .psc3 { background: var(--psc3-bg); padding-top: 20px; .main-container { width: 1366px; .feat-area-sec5{ padding-bottom: 70px; .subhead-sec { text-align: center; h2 { font-family: var(--Oracle-Font); font-size: 3rem; line-height: 3.915rem; font-weight: 600; color: var(--psc3-title); } } .feat-list-sec { .feat-list { gap: 30px; padding: 15px; .feat-item-sec5 { width: 270px; max-width: 100%; padding: 30px 20px; background: var(--psc3-card-bg); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.239); border-radius: 7px; text-align: center; &.ft-01-sec5 h3{ color: var(--psc3-card1-h3); } &.ft-02-sec5 h3{ color: var(--psc3-card2-h3); } &.ft-03-sec5 h3{ color: var(--psc3-card3-h3); } &.ft-04-sec5 h3{ color: var(--psc3-card4-h3); } h3 { font-family: var(--Oracle-Font); font-weight: 700; line-height: 4.9rem; font-size: 4.9rem; margin: 0; } p { font-family: var(--Oracle-Font); font-weight: 400; font-size: 15px; line-height: 20px; color: var(--psc3-card-p); margin: 15px 0 0 0; } } } } } } } /* PSC4 */ .ns-feat-wrap-sec4, .psc4 { padding-top: 25px; .main-container { width: 1366px; .subhead-sec { h2 { font-family: var(--OracleBold-Font); font-weight: normal; font-style: normal; font-size: 28px; line-height: 1.3em; color: var(--psc4-title); text-align: center; margin: 0 0 55px 0; } } .feat-list-sec { .feat-list { justify-content: space-evenly; gap: 32px; padding-bottom: 30px; .feat-item-sec4 { text-align: center; width: 280px; max-width: 100%; padding-inline: 30px; .feat-img { img { margin-inline: auto; } } h3 { font-family: var(--Oracle-Font); font-size: 18px; font-weight: 700; line-height: 23.49px; color: var(--psc4-card-title); margin-block: 40px 0; } p { font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 22px; color: var(--psc4-card-p); margin-block: 30px 0; } } } } } } /* PSC5 */ .ns-feat-wrap-sec7, .psc5 { background: var(--psc5-bg); padding-top: 25px; .main-container { width: 1366px; .subhead-sec { h2 { font-family: var(--OracleBold-Font); font-weight: normal; font-style: normal; font-size: 28px; line-height: 1.3em; color: var(--psc5-title); text-align: center; margin: 0 0 55px 0; } } .feat-list-sec { .feat-list { justify-content: space-evenly; gap: 32px; padding-bottom: 30px; .feat-item-sec4 { text-align: center; width: 280px; max-width: 100%; padding-inline: 30px; .feat-img { img { margin-inline: auto; } } h3 { font-family: var(--Oracle-Font); font-size: 18px; font-weight: 700; line-height: 23.49px; color: var(--psc5-card-title); margin-block: 40px 0; } p { font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 22px; color: var(--psc5-card-p); margin-block: 30px 0; } } } } } } /* PSC6 */ .ns-feat-wrap-sec6, .psc6 { padding-top: 20px; background: var(--psc6-bg); .feat-area-sec6 { padding: 50px 0 40px; .subhead-sec { h2 { font-family: var(--Oracle-Font); font-size: 3.5rem; line-height: 4.567rem; font-weight: normal; font-style: normal; text-align: center; color: var(--psc6-title); margin: 0 0 55px 0; } } .feat-list-sec { .feat-list { .feat-item-sec6 { width: 320px; max-width: 100%; background: var(--psc6-card-bg); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.239); border-radius: 7px; padding: 40px 30px; margin: 15px 50px; .feat-img-sec6 img { max-height: 67px; } h3 { font-family: var(--Oracle-Font); font-size: 18px; font-weight: 700; line-height: 23.49px; color: var(--psc6-card-title); margin: 25px 0 0 0; } p { font-family: var(--Oracle-Font); font-size: 15px; font-weight: 400; line-height: 22px; color: var(--psc6-card-p); margin: 15px 0 0 0; } } } } } } /* PSC7 */ .feat-area-sec3, .psc7 { background: var(--psc7-bg); padding-block: 50px 60px; .main-container { width: 1200px; h2 { font-family: var(--Oracle-Font); font-size: 28px; font-weight: 600; line-height: 37px; text-align: center; color: var(--psc7-title); padding-bottom: 25px; margin: 0; } .feat-list-sec { .feat-list { gap: 20px; .feat-item { width: 265px; max-width: 100%; border-radius: 7px; background: var(--psc7-card-bg); box-shadow: 0px 4px 10px rgb(0 0 0 / 25%); padding: 45px 25px; .feat-img img{ margin: 0 auto; max-height: 100px; } &.f1 h3 { color: var(--psc7-card1-title); } &.f2 h3 { color: var(--psc7-card2-title); } &.f3 h3 { color: var(--psc7-card3-title); } &.f4 h3 { color: var(--psc7-card4-title); } h3 { font-family: var(--OracleBold-Font); font-size: 16px; font-weight: 400; line-height: 19px; text-align: center; margin: 0px; padding-top: 15px; } p { font-family: var(--Oracle-Font); font-size: 16px; font-weight: normal; line-height: 20px; text-align: center; color: var(--psc7-card-p); max-inline-size: 160px; margin: 0 auto; padding-top: 15px; } } } } } } /* PSC8 */ .bgcolor-sec11:has(.cardheadtxt-sec11), .psc8 { background: var(--psc8-bg); .cardheadtxt-sec11 { font-family: var(--Oracle-Font); font-size: 38px; font-weight: 700; line-height: 49.59px; text-align: center; color: var(--psc8-title); margin-bottom: 40px; } .sec11-cmpre-prce-container { &:not(:nth-of-type(1)) { margin-top: 60px; } .sec11-cmpre-prce-item { h1 { font-family: var(--Oracle-Font); font-size: 16px; font-weight: 700; line-height: 20.88px; text-align: center; color: var(--psc8-cards-title); span { font-size: 16px; font-weight: 400; line-height: 20.88px; color: var(--psc8-cards-title); } } .sec11-cmpre-prce-item-cards-container { display: flex; gap: 15px; max-width: 966px; margin-inline: auto; margin-top: 20px; @media (width < 1100px) { flex-wrap: wrap; align-items: center; justify-content: center; } .sec11-cmpre-prce-item-card { position: relative; display: flex; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.20); background: var(--psc8-card-bg); width: 312px; /* height: 144px; */ padding: 32px 37.5px 0 58px; border-radius: 10px; h3 { font-family: var(--Oracle-Font); font-size: 80px; font-weight: 800; &.sec11-light { color: var(--psc8-card-light); } &.sec11-standard { color: var(--psc8-card-standard); } &.sec11-dark { color: var(--psc8-card-dark); } } .sec11-cmpre-prce-item-card-details-container { margin-inline-start: 10px; h5 { font-family: var(--Oracle-Font); font-size: 30px; font-weight: 700; margin-top: 5px; &.sec11-light { color: var(--psc8-card-light); } &.sec11-standard { color: var(--psc8-card-standard); } &.sec11-dark { color: var(--psc8-card-dark); } } p { font-family: var(--Oracle-Font); font-size: 13px; font-weight: 600; line-height: 17px; color: var(--psc8-card-p); margin-top: -13px; } } img { height: 26px; width: 27px; position: absolute; bottom: 10px; right: 10px; } } } } } } /* PSC9 */ .bgcolor-sec11:has(.cardheadtxt-sec14), .psc9 { background: var(--psc9-bg); h1.cardheadtxt-sec14 { font-family: var(--Oracle-Font); font-size: 38px; font-weight: 700; line-height: 49.59px; text-align: center; color: var(--psc9-title); margin-bottom: 12px; } h2.cardsubheadtxt-sec14 { font-family: var(--Oracle-Font); font-size: 16px; font-weight: 400; line-height: normal; text-align: center; color: var(--psc9-desc); max-width: 711px; margin-inline: auto; } .sec14-cmpre-prce-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: row; gap: 36px; margin-top: 60px; > div { @media (width < 1240px) { max-width: 343px; } img { width: 100%; } } } .bottom-btn { text-align: center; padding-top: 10px; @media (width >= 992px) { padding-top: 30px; } a { font-family: var(--Oracle-Font); font-size: var(--psc9-btn-fontSize); font-weight: 700; line-height: var(--psc9-btn-lineheight); text-decoration: none; text-align: center; color: var(--psc9-btn-text) !important; display: block; background-color: var(--psc9-btn-bg); width: max-content; max-width: 100%; padding: 20px 22px; margin: 0 auto; border: 0; border-radius: 7px; cursor: pointer; &:hover { background-color: var(--psc9-btn-bg-hover); color: var(--psc9-btn-text-hover) !important; } &:active { background-color: var(--psc9-btn-bg-active); color: var(--psc9-btn-text-active) !important; } } } } /* Quote */ /* PSQ1 */ .bottom-content-area, .psq1 { background: var(--psq1-bg); .comp-bns { .main-container { width: 1366px; .comp-bns-wrap { background: var(--psq1-sec1-bg); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24); border-radius: 7px; padding: 5% 7.5%; .comp-left { width: 100%; padding-block-end: 15px; @media (width >= 768px ){ width: 50%; padding-block-end: 0; padding-inline-end: 15px; } h2 { font-family: var(--Oracle-Font); font-size: 28px; font-weight: 700; line-height: 36.54px; color: var(--psq1-sec1-h2); margin-bottom: 20px; } p { font-family: var(--Oracle-Font); font-size: 17px; line-height: 1.5em; color: var(--psq1-sec1-p); margin: 0; } } .comp-right { width: 100%; padding-block-start: 15px; @media (width >= 768px ){ width: 50%; padding-block-start: 0; padding-inline-start: 15px; } .comp-img img{ max-width: 83%; margin: 0 auto; } } } } } .ai-btm-fpt { padding-block: 70px 40px; .main-container { width: 1366px; .logos-wrap { .logos-list { img { margin: 0 40px 30px 40px; } } } } } .testimonials-area { padding-bottom: 60px; .main-container { width: 1366px; .testimonials-content { display: block; position: relative; width: 1020px; max-width: 100%; margin: 0 auto; padding: 0 6%; text-align: center; &::before { content: ""; position: absolute; width: 5.7%; height: 100%; left: 0; top: 0; background-position: left top; background-repeat: no-repeat; background-size: contain; background-image: var(--psq1-right-qt); } &::after { content: ""; position: absolute; width: 5.7%; height: calc(100% - 89.781px - 15px); right: 0; top: 0; background-position: right 100%; background-repeat: no-repeat; background-size: contain; background-image: var(--psq1-left-qt); @media (width >= 992px) { height: calc(100% - 84.781px - 15px); } } h2 { font-family: var(--Oracle-Font); font-size: 30px; font-weight: 300; line-height: 1.3em; color: var(--psq1-sec3-quote); margin: 0 0 40px 0; em { font-family: var(--Oracle-Font); font-weight: 400; } @media (width >= 768px) { font-size: 40px; } } .testimonials-author { text-align: center; .testimonials-icon { display: inline-block; padding-right: 15px; vertical-align: middle; } .testimonials-name { display: inline-block; vertical-align: middle; padding-top: 5px; @media (width >= 992px) { padding-top: 0; } p { font-family: var(--Oracle-Font); font-size: 16px; line-height: 1.3em; color: var(--psq1-sec3-name); margin: 0; } } } } .bottom-btn { padding-top: 30px; a { font-family: var(--Oracle-Font); font-size: 20px; font-weight: 700; line-height: 1em; color: var(--psq1-btn-text); text-decoration: none; text-align: center; background: var(--psq1-bg-btn); display: block; width: 330px; max-width: 100%; border: 0; border-radius: 7px; padding: 20px 15px; margin: 0 auto; cursor: pointer; &:hover { background-color: var(--psq1-bg-btn-hover); color: var(--psq1-btn-text-hover) !important; } &:active { background-color: var(--psq1-bg-btn-active); color: var(--psq1-btn-text-active) !important; } &:disabled { background-color: var(--psq1-bg-btn-disabled); color: var(--psq1-btn-text-disabled) !important; } } } } } } /* PSQ2 */ .testimonials-area, .psq2 { background: var(--psq2-bg); padding-block: 20px 60px; .main-container { width: 1366px; .testimonials-content-sec7 { display: block; position: relative; width: 1020px; max-width: 100%; margin: 0 auto; padding: 0 6%; text-align: center; &::before { content: ""; position: absolute; width: 5.7%; height: 100%; left: 0; top: 0; background-position: left top; background-repeat: no-repeat; background-size: contain; background-image: var(--psq2-right-qt); } &::after { content: ""; position: absolute; width: 5.7%; height: calc(100% - 89.781px - 15px); right: 0; top: 0; background-position: right 100%; background-repeat: no-repeat; background-size: contain; background-image: var(--psq2-left-qt); @media (width >= 992px) { height: calc(100% - 84.781px - 15px); } } h2 { font-family: var(--Oracle-Font); font-size: 30px; font-weight: 300; line-height: 1.3em; color: var(--psq2-sec3-quote); margin: 0 0 40px 0; em { font-family: var(--Oracle-Font); font-weight: 400; } @media (width >= 768px) { font-size: 40px; } } .testimonials-author { text-align: center; .testimonials-icon { display: inline-block; padding-right: 15px; vertical-align: middle; } .testimonials-name { display: inline-block; vertical-align: middle; padding-top: 5px; @media (width >= 992px) { padding-top: 0; } p { font-family: var(--Oracle-Font); font-size: 16px; color: var(--psq2-sec3-name); margin: 0; } } } } .bottom-btn { padding-top: 30px; @media (width >= 992px) { padding-top: 50px; } a { font-family: var(--Oracle-Font); font-size: 20px; font-weight: 700; line-height: 1em; color: var(--psq2-btn-text); text-decoration: none; text-align: center; background: var(--psq2-bg-btn); display: block; width: 330px; max-width: 100%; border: 0; border-radius: 7px; padding: 20px 15px; margin: 0 auto; cursor: pointer; &:hover { background-color: var(--psq2-bg-btn-hover); color: var(--psq2-btn-text-hover) !important; } &:active { background-color: var(--psq2-bg-btn-active); color: var(--psq2-btn-text-active) !important; } &:disabled { background-color: var(--psq2-bg-btn-disabled); color: var(--psq2-btn-text-disabled) !important; } } } } } /* PSQ3 */ .comp-testimonial, .psq3 { background: var(--psq3-bg); padding-top: 60px; .main-container-sec6qoaute { width: 1200px; max-width: 100%; margin: 0 auto; padding-bottom: 20px; .comp-bns-wrap-sec6p2 { background-color: var(--psq3-box-bg); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24); border-radius: 7px; @media (width >= 768px ){ align-items: stretch; } .comp-left { width: 100%; @media (width >= 768px ){ width: 60%; } .testimonials-area-sec6 { padding-block: 50px; .testimonials-content-sec6 { position: relative; padding: 0 6%; &::before { position: absolute; content: ""; width: 4%; height: 100%; left: 0; top: 0; background-image: var(--psq3-right-quote); background-position: left top; background-repeat: no-repeat; background-size: contain; } h2 { font-family: var(--Oracle-Font); font-size: 2.1rem; font-weight: 300; line-height: 2.74rem; color: var(--psq3-quote-color); margin: 0 0 40px 0; } .testimonials-author { .testimonials-icon { display: inline-block; padding-right: 15px; vertical-align: middle; } .testimonials-name { display: inline-block; vertical-align: middle; p { font-family: var(--Oracle-Font); font-size: 1.6rem; line-height: 2.088rem; color: var(--psq3-author-color); margin-bottom: 0; } } } } } } .comp-right { width: 100%; @media (width >= 768px ){ width: 40%; } .comp-img { @media (width >= 768px ){ height: 100%; background: var(--psq3-right-img); background-size: cover; background-position: center; } img { max-width: 83%; margin: 0 auto; @media (width >= 768px ){ display: none; } } } } } } } .sec-13-bg, .psq4 { background: var(--psq4-bg); padding: 70px 30px; .sec-13-testimonial-card { display: block; max-width: 526px; background: var(--psq4-card-bg); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24); border-radius: 7px; padding: 30px 20px; margin-inline: auto; @media (width >= 1015px) { display: flex; max-width: 1226px; padding: 0 0 0 50px; } .sec-13-testimonial-details { @media (width >= 1015px) { padding-inline-end: 10px; } .sec-13-testimonial-details-container { display: flex; margin-top: 66px; > img { height: 21.4px; width: 25.8px; margin-top: 0px; margin-right: 10px; } > div { @media (width >= 1015px) { padding-bottom: 20px; } h1 { font-weight: 300; font-size: 21px; line-height: 27.4px; max-width: 620px; color: var(--psq4-card-text); @media (width < 1015px) { text-align: center; } } .sec-13-exec-details-container { display: flex; justify-content: center; align-items: center; margin: 100px 0 20px -30px; height: 44px; @media (width >= 1015px) { justify-content: start; margin: 40px 0 0 0; } img { height: 44px; width: 44px; } .sec-13-exec-details { margin-left: 10px; p { font-weight: 700; font-size: 16px; line-height: 20.88px; margin-bottom: 0; } } } } } } .sec-13-testimonial-card-img { max-width: 590px; @media (width >= 1015px) { height: 366px; } img { max-width: 100%; margin-left: 0; margin-top: 22px; @media (width >= 1015px) { width: 100%; max-height: 100%; max-width: 590px; margin-left: 22px; } } } } } /* Sponsor */ /* PSS1 */ .ai-btm-fpt.sec7bg, .pss1 { background: var(--pss1-bg); padding: 70px 0 40px 0; .main-container { width: 1366px; .logos-wrap .logos-list-sec6 { img, svg { height: 4rem; max-height: 40px; margin: 0 10px 30px 10px; @media (width >= 540px ){ margin: 0 30px 30px 30px; } } } } } /* PSS2 */ .ai-btm-fpt-sec6, .pss2 { background: var(--pss2-bg); padding: 70px 0 40px 0; .main-container { width: 1366px; .logos-wrap { .subhead-sec { h2 { font-family: var(--Oracle-Font); font-size: 2em; font-weight: 700; line-height: 1.15em; color: var(--pss2-title); text-align: center; font-style: italic; margin: 0 auto 35px auto; } } .logos-list-sec6 { /* letter-spacing: normal; */ img, svg { height: 4rem; max-height: 40px; margin: 0 10px 30px 10px; @media (width >= 540px ){ margin: 0 30px 30px 30px; } } } } } } /* PSS3 */ .ai-btm-fpt-sec8, .pss3 { background: var(--pss3-bg); padding: 70px 0 40px 0; .main-container { width: 1366px; .logos-wrap { .subhead-sec { h2 { font-family: 'Georgia'; font-size: 18px; font-weight: 700; line-height: 20px; color: var(--pss3-title); text-align: center; margin: 0 auto 30px auto; } } .logos-list-sec6 { /* letter-spacing: normal; */ img, svg { height: 4rem; max-height: 40px; margin: 0 10px 30px 10px; @media (width >= 540px ){ margin: 0 30px 30px 30px; } } } } } } /* PSS4 */ .customers-sec5, .pss4 { padding: 60px 0px; background: var(--pss4-bg); .wrap { width: 1200px; max-width: 100%; margin: 0 auto; h3 { font-family: var(--Oracle-Font); font-size: 30px; font-weight: 600; line-height: 3.915rem; text-align: center; color: var(--pss4-title); margin-bottom: 40px; } div.flex { flex-wrap: wrap; display: flex; align-items: flex-end; justify-content: space-evenly; margin-bottom: 40px; img { max-height: 45px; margin: 30px 15px; } } a { font-family: var(--Oracle-Font); font-size: 2rem; font-style: normal; font-weight: 700; line-height: 2.6rem; color: var(--pss4-btn-text) !important; text-decoration: none; text-align: center; background-color: var(--pss4-btn-bg); display: block; width: 300px; max-width: 100%; margin: 20px auto 0px;; padding-block: 20px; border-radius: 7px; box-sizing: border-box; cursor: pointer; &:hover { background-color: var(--pss4-btn-bg-hover); color: var(--pss4-btn-text-hover) !important; } &:active { background-color: var(--pss4-btn-bg-active); color: var(--pss4-btn-text-active) !important; } } } } /* PSS5 */ .customers[data-id="partners-green-cta"], .pss5 { padding: 60px 0px; background: var(--pss5-bg); .wrap { width: 1200px; max-width: 100%; margin: 0 auto; h3 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 28px; line-height: 37px; text-align: center; color: var(--pss5-title); margin-bottom: 40px; @media (width < 992px ){ padding-left: 5px; padding-right: 5px; } } .flex { flex-wrap: wrap; display: flex; align-items: center; justify-content: space-evenly; margin-bottom: 40px; img { max-height: 45px; margin: 30px 15px; } } a { margin: 20px auto 0px; font-family: var(--Oracle-Font); font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; background: var(--pss5-btn-bg); cursor: pointer; color: var(--pss5-btn-text) !important; display: block; text-align: center; padding: 20px 0px; border-radius: 7px; width: 300px; max-width: 100%; box-sizing: border-box; &:hover { text-decoration: none; } } } } /* PSS6 */ .customers[data-id="partners-blue-cta"], .pss6 { padding: 60px 0px; background: var(--pss6-bg); .wrap { width: 1200px; max-width: 100%; margin: 0 auto; h3 { font-family: var(--Oracle-Font); font-style: normal; font-weight: 700; font-size: 28px; line-height: 37px; text-align: center; color: var(--pss6-title); margin-bottom: 40px; @media (width < 992px ){ padding-left: 5px; padding-right: 5px; } } .flex { flex-wrap: wrap; display: flex; align-items: center; justify-content: space-evenly; margin-bottom: 40px; img { max-height: 45px; margin: 30px 15px; } } a { margin: 20px auto 0px; font-family: var(--Oracle-Font); font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; background: var(--pss6-btn-bg); cursor: pointer; color: var(--pss6-btn-text) !important; display: block; text-align: center; padding: 20px 0px; border-radius: 7px; width: 300px; max-width: 100%; box-sizing: border-box; &:hover { text-decoration: none; } } } } /* -------COMMON COMPONENTS--------- */ form.elq-form { & table#form-fields td input, & input[type=text], & .CCPPInputTextField, & select.elq-item-select { border-radius: 0 !important; border-width: 0px !important; border-bottom-width: 2px !important; border-style: solid !important; border-color: rgb(139 133 128 / 1) !important; box-shadow: none; } & select.elq-item-select:first-child{ color: #000; } & .elq-item-input, & .elq-item-select { font-family: var(--Oracle-Font); font-size: 13px; font-weight: 400; line-height: 18px } .elq-item-input:focus { /* background-color: #F5F4F2; */ } & input[type=text] { padding-block: 5px !important; padding-inline-start: 10px !important; } & .elq-item-select { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); padding: 8px 0 !important; padding-inline-start: 6px !important; -webkit-appearance: auto } & .flex-col-50 .elq-item-select { padding-top: 3px !important; padding-bottom: 3px !important; } & .cform36 { font-size: 13px !important; font-weight: 400; --tw-text-opacity: 1; color: rgb(139 133 128 / var(--tw-text-opacity)); } & p { line-height: 18px; } & .link { font-size: 11px !important; line-height: 18px; color: var(--form-links) !important; } & label.label-checkbox, & label.label-checkbox-checked { background-image: none; } & input[type=radio], & input[type=checkbox] { visibility: visible !important; } & input[type=checkbox] { margin: 0; margin-inline-start: -1px; height: 18px !important; width: 18px !important; } & input[type=checkbox] .LV_valid_field{ color: red; } & input[type=checkbox] .LV_invalid_field{ color: blue; } & .field-control-wrapper { margin-left: 5px; margin-right: 5px; /* margin: 0; */ } & ::-moz-placeholder { color: #000 !important; opacity: 1; } & ::placeholder { color: #000 !important; opacity: 1; } & table#form-fields td input::placeholder, & input[type="text"]::placeholder{ color: #000; font-weight: 400; } & :-ms-input-placeholder { color: #000 !important; } & ::-ms-input-placeholder { color: #fff !important; } & ::-webkit-input-placeholder:after { content: "*"; } & :-moz-placeholder:after { content: "*"; } & ::-moz-placeholder:after { content: "*"; } & :-ms-input-placeholder:after { content: "*"; } & .grid-layout-col:has(#OptinDIV) { margin: 9px 0 16px 0; /* Disclaimer Scroll */ /* max-height: 140px; overflow-y: auto; padding-inline-end: 8px; */ & .layout-col > div { /* margin-left: 0px !important; */ &#OptinDIV { & input[type=checkbox] { margin-inline-start: 0px; } } } /* &:has(.LV_invalid){ outline: 1px solid red; outline-offset: 8px; border-radius: 4px; } */ } /* &.grid-layout-col { &:has(#OptinDIV):has(.LV_invalid) { outline: 1px solid red; outline-offset: 8px; border-radius: 4px; } } */ /* & .grid-layout-col:has(.parent-outline) { outline: 1px solid red; outline-offset: 8px; border-radius: 4px; } */ .LV_invalid { display: block; } #OptinDIV { ~ br, br { display: none; } } hr { height: 0px; margin: 0em; } } &.safari { & form.elq-form{ select { -webkit-appearance: none !important; padding-block: 5px !important; padding-inline-start: 10px !important; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath fill='black' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 5px; } } } &.is-valid .LV_invalid { display: block; /* O 'inline', 'flex', etc. */ } div.strip, div.bg-strip { background-size: cover; background-repeat: no-repeat; background-position: center; height: 19px; background-image: var(--bg-strip) } footer { color: var(--footer-text); font-size: 14px; background: var(--bg-footer); & .main-container{ padding: 0; padding-left: 15px; padding-right: 15px; margin: 0 auto; width: 1200px; max-width: 100%; height: auto; display: block; @media only screen and (min-width: 479px) { padding-left: 30px; padding-right: 30px; } & > div{ padding: 55px 0; & .tbg-container-fluid.tp-footer { text-align: center; float: none !important; } & .rev-tagline-div{ display: none; } & a, & .cleanFooterLinks a { color: var(--footer-text) !important; text-decoration: none !important; } } } .u10w5 { ul { &.u10-links>li:first-child a { padding-left: 0 !important; } li { a { font-size: 14px; line-height: 18px; font-family: var(--Oracle-Font); color: var(--footer-text) !important; padding-inline-start: 8px !important; padding-inline-end: 8px !important; } > a { border-right: 1px solid var(--footer-text); } } } .footer-disclaimer { display: block; width: 100%; padding-top: 5px; font-size: 14px; line-height: 18px; font-family: var(--Oracle-Font); } } } /* -------COMMON STYLES--------- */ [dir='rtl'] .ochat_slideout { right: initial; left: 1em; & .ochat_slidew2 .ochat_flyout { & #ochat-flyoutclose { left: 10px; right: initial; } & .chatcta, & .callcta { padding: 0px 0px 0px 3.5em; } & .callcta::before { left: initial; right: -35px; } } } &.hide_ochat_slideout~.ochat_slideout { display: none !important; } }