/* Template Name : Loanica Description : Loan EMI Calculator Template Author : konnectcode Version : 1.0 /* ================================================ /* Table of Content ================================================== - Fonts - Common Css - Loader CSS - Header - Custom UI plugin - calculator - Services - BLog - Reviews - contact-section - footer - Responsive CSS /* ================================================ Fonts - Roboto ================================================ */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); /* ================================================ 2. Common CSS ================================================ */ * { margin: 0; padding: 0; } body { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.57143; font-weight: 400; color: #2d2e2e; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } a { color: #2d2e2e; transition: all 0.3s ease 0s; } a:hover { color: #242c42; text-decoration: none; } a, a:hover, a:active, a:focus { outline: none; text-decoration: none; } .btn, .btn * { transition: all 0.3s ease 0s; } i { transition: all 0.4s ease-in-out 0s; } .transition3s { transition: all 0.3s ease-in-out 0s; } ul { list-style: outside none none; margin: 0; padding: 0; } li { list-style: outside none none; } .mb-30 { margin-bottom: 30px; } section { float: left; width: 100%; padding: 80px 0; } #scrollUp { border-radius: 50%; bottom: 50px; color: #fff; display: block; background: #0071BC; font-size: 25px; height: 40px; line-height: 0; position: fixed; right: 20px; text-align: center; text-decoration: none !important; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 40px; z-index: 1000 !important; } #scrollUp:hover { background: #322153; border-bottom: 3px solid #999; color: #fff; } #scrollUp i { display: block; padding-top: 5px; } .no-padding { padding: 0; } .learn-more-btn-section { display: inline-block; } /* ================================================ 3. Loader CSS ================================================ */ #dvLoading { background: url(../images/loader.svg) no-repeat center center #fff; width: 100%; height: 100%; position: fixed; z-index: 9999999; } /* ======= Header =========*/ .navbar { background-color: transparent; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .navbar-brand { display: flex; align-items: center; } .navbar-nav { align-items: center; } .menu-navbar-nav { width: 100%; display: flex; justify-content: center; } #navbar .nav-link i { /* Color of the two icons in the top bar */ /* color: #0071BC; */ color: #0071BC; } #navbar .nav-item { margin-left: 15px; margin-right: 15px; } #navbar .nav-link { font-size: 16px; /* text in top bar color */ /* color: #322153; */ color: #322153; line-height: 1; font-weight: 500; } #navbar .nav-link.learn-more-btn:hover, #navbar .nav-link.learn-more-btn:focus, #navbar .nav-link.learn-more-btn:active { font-size: 16px; /* After Button Hover Background for the top button*/ /* background-color: #0071BC; */ background-color: #ffffff; color: #322153; line-height: 1; font-weight: 500; border: solid; } .header-scrolled { position: fixed; top: 0; left: 0; width: 100%; height: 75px; background-color: #fff !important; -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .05); box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .05); } .header { display: flex; width: 100%; /* padding: 100px 0 20px; */ padding: 10px 0 20px; justify-content: center; align-items: center; background-image: url("../images/header-bg.svg"); background-repeat: no-repeat; background-size: contain; background-position: top; } .header-container { display: flex; justify-content: center; align-items: center; flex-direction: row; } .learn-more-btn { /* Before Hover Background for the bottom button -- The PDF Report Button */ background-color: #e05206; /* background-color: #007AFF; */ font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #FFFFFF; padding: 12px 40px !important; /* border-radius of 100px is an oval shape */ border-radius: 10px; letter-spacing: 1px; border: none; } .learn-more-btn:hover, .learn-more-btn:active, .learn-more-btn:focus { color: #322153; /* After hover bottom button */ /* background-color: #0071BC; */ background-color: #ffffff; border: solid; } #navbar .nav-link.learn-more-btn { color: #ffffff; } p.header-subtitle { color: #fff; font-size: 16px; background: #0071BC; display: inline-block; padding: 5px 10px; margin-bottom: 13px; letter-spacing: 1px; border-radius: 10px; } .header-title { font-weight: 600; /* font-size: 50px; */ font-size: 30px; padding-bottom: 30px; color: #322153; } .header-title-text{ color: #777777; font-size: 16px; margin-bottom: 30px; } /*======== Custom UI plugin =========*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #0071BC; border-radius: 50%; /* SLIDER BALL */ /* background: #0071BC; */ background: #A71930; outline: none; } .ui-widget.ui-widget-content { border: none; border-radius: 15px; background-color: rgba(107, 82, 158, 0.2); } .ui-widget-header { background-color: rgba(50, 33, 83, 1); border-radius: 15px; } .ui-slider-horizontal .ui-slider-handle { top: -.4em; } .ui-slider .ui-slider-handle { width: 1.5em; height: 1.5em; } /*==== calculator ======*/ .box { background: #0071bc; border: 0px solid #fff; border-radius: 0%; line-height: 1.7; width: 6px; color: #ffffff; text-align: center; font-size: 15px; padding: 6px 6px; margin-bottom: 0px; font-weight: bold; display: inline-block; } .legend { border: none; border: 0px; margin: 0px; padding-left: 0px; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 9pt; text-align: center; border-radius: 50%; } .calculator-section{ padding: 100px 0; padding-top: 0px; background-color: rgba(0,0,0,0.035); } .form-calculator{ padding: 20px; background: #fff; margin-top: 30px; } .emi-details { background: #fff; margin-top: 30px; } .emi-details-head{ /* Section Title Background */ /* background-color: #0050A5; */ /* background-color: #A71930; */ background-color: #FFA100; /* padding: 10px; */ padding: 10px 0px 10px; text-align: center; } .emi-details-head h3{ color: #322153; } .emi-details-head2{ background-color: #0050A5; padding: 10px; text-align: center; } .emi-details-head2 h3{ color: #322153; } .emi-details-box { /* far right column order: top left&right bottom */ padding: 9px 20px 9px; border-bottom: 1px solid #ddd; text-align: center; } .emi-details-box2 h1{ padding: 5px 10px 10px 20px; border-bottom: none; text-align: center; /* border-bottom: 1px solid #ddd; */ } .emi-details-box2 h2{ padding: 5px 10px 10px 20px; font-weight: bold; font-size: 35px; border-bottom: none; text-align: center; /* border-bottom: 1px solid #ddd; */ } .emi-details-box2 { padding: 5px 10px 10px 10px; border-bottom: none; text-align: center; /* border-bottom: 1px solid #ddd; */ } .emi-details-box3 { /* far right column order: top left&right bottom */ /* padding: 9px 20px 9px; */ padding: -20px 20px 9px; border-bottom: 1px solid #ddd; text-align: center; } .emi-details-box h5{ color: #322153; font-weight: bold; font-size: 31px; } .emi-details-box2 h5{ color: #322153; font-weight: bold; font-size: 31px; } .emi-details-box h6{ color: #322153; font-weight: bold; font-size: 18px; } .emi-details-box2 h6{ color: #322153; font-weight: bold; font-size: 18px; } .no-bottom-border{ border-bottom: none; } .pie-chart{ padding: 0px; background: #fff; margin-top: 30px; } .pie-chart text tspan{ font-weight: 500 !important; } .chart-principal, .chart-interest{ position: relative; color: #999999; margin-left: 20px; } .chart-principal::before{ content: ""; width: 10px; height: 10px; position: absolute; background-color: #322153; top: 3px; left: -14px; } .chart-interest::before{ content: ""; width: 10px; height: 10px; position: absolute; background-color: #0071BC; top: 3px; left: -14px; } /* ==== Services ====== */ .services-section{ padding: 100px 0; } .service-box { margin-top: 30px; padding: 20px; background: rgba(132,189,90,0.1); text-align: center; border-radius: 10px; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .service-box:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .service-icon { display: inline-block; padding: 20px; background: #0071BC; border-radius: 50%; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .service-box:hover .service-icon{ background: rgba(50,33,83,1); } .service-icon img { width: 50px; filter: brightness(0) invert(1); } .service-box:hover .service-icon{ background: rgba(50,33,83,1); } .service-box:hover .service-icon img{ filter: none; } h3.service-heading { color: #322153; margin-top: 20px; font-weight: 500; font-size: 24px; background: rgba(50,33,83,0.1); padding: 5px 15px; display: inline-block; border-radius: 10px; } p.service-para { margin-top: 20px; margin-bottom: 0; color: #888; font-size: 16px; letter-spacing: 0.2px; } /* ==== BLog ====== */ .blog-section{ padding: 100px 0; background-color: rgba(0,0,0,0.035); } .blog-box { margin-top: 30px; border-radius: 10px; } .blog-img { overflow: hidden; border-radius: 10px 10px 0 0; } .blog-img img { width: 100%; border-radius: 10px 10px 0 0; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .blog-text { padding: 20px; background: #ffffff; border-radius: 0 0 10px 10px; } .blog-text .tags{ margin-bottom: 15px; } .blog-text .tags span{ background-color: #0071BC; color: #333333; padding: 5px 10px; margin-right: 10px; border-radius: 5px; font-size: 13px; font-weight: bold; } .blog-text .tags span:nth-child(2){ background-color: #322153; color: #ffffff; } h3.blog-heading { font-size: 19px; margin-bottom: 15px; color: #322153; } p.blog-para { margin-bottom: 0px; color: #888888; } .blog-box:hover .blog-img img{ -webkit-transform: scale(1.3) rotate(10deg); -ms-transform: scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg); } /* ===== Reviews =====*/ .reviews-section{ padding: 100px 0; } .owl-carousel{ border-radius: 10px; margin-top: 10px; background: rgba(50,33,83,0.04); } .review-item{ padding: 20px; } .review-details { font-size: 19px; color: #888; line-height: 1.8; margin-bottom: 30px; } .review-details i{ /* Comment Quotations */ /* color: #0071BC; */ color: #007AFF; font-size: 35px; } .review-author .review-img img{ width: 50px !important; display: inline-block !important; } .review-author .review-name{ font-size: 22px; color: #322153; font-weight: bold; margin-left: 10px; } .review-author .review-desig{ font-size: 18px; color: #9999; font-style: italic; } .owl-carousel .owl-nav{ position: absolute; bottom: 20px; right: 15px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ /* Comment Left and Right Button */ /* background: #0071BC; */ background: #FFA100; padding: 5px 14px !important; border-radius: 5px; font-size: 20px; margin-right: 5px; } .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus{ outline: none; } .owl-dots{ display: none !important; } /*====== contact-section ========*/ .contact-section{ padding: 100px 0; background-color: rgba(0,0,0,0.035); } .contact-section p { color: #666; font-size: 17px; margin-bottom: 30px; } .contact-form{ background: #fff; border-radius: 10px; } .contact-form-inner{ padding: 30px; border: 1px solid #B3D59B; border-radius: 0 0 10px 10px; } .contact-form-head{ background-color: #0050A5; padding: 10px; text-align: center; border-radius: 10px 10px 0 0; } .contact-form-head h3{ color: #322153; } .contact-form .form-group input, .contact-form .form-group textarea { font-size: 14px; height: 50px; padding: 0 15px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s; transition: 0.5s; } .contact-form .form-group textarea { height: 100px; padding: 15px; } .contact-form .form-control { font-size: 15px; height: 60px; border: none; outline: none; padding-left: 20px; border-radius: 8px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .contact-form .btn{ background-color: #322153; font-size: 18px; font-family: Poppins; font-weight: 600; color: #fff; padding: 10px 30px !important; border-radius: 100px; border: none; } .contact-form .btn:hover, .contact-form .btn:active, .contact-form .btn:focus{ background-color: #0071BC; color: #322153; outline: none; } /*===== section ====== */ h2.section-heading { color: #322153; font-weight: bold; margin-bottom: 30px; position: relative; } h2.section-heading::before{ position: absolute; content: ""; width: 50px; height: 5px; background-color: #0071BC; bottom: -10px; border-radius: 5px; } p.section-para { color: #666; width: 70%; font-size: 17px; margin-bottom: 0; } /* ===== footer ======= */ .footer{ padding: 30px 0; border-top: 5px solid #0071BC; background-color: #322153; } .footer-widget{ margin-top: 20px; } .footer-widget p{ color: #eeeeee; letter-spacing: 0.3px; line-height: 1.8; } .footer-widget h5{ color: #0071BC; margin-top: 40px; letter-spacing: 0.5px; font-size: 22px; } .footer-widget ul{ margin-top: 15px; } .footer-widget ul li{ line-height: 2; } .footer-widget ul li a{ color: #eeeeee; text-decoration: none; font-size: 16px; letter-spacing: 0.5px; } .social-icons{ margin-left: 10px; margin-top: 15px; } .social-icons a{ color: #eeeeee; font-size: 20px; margin-right: 15px; } .footer-copyright { color: #ffff; text-align: center; border-top: 1px solid #0071BC; margin-top: 30px; padding-top: 30px; } /*!sc*/ data-styled.g619[id="api-demo-card__Text-sc-13k42b5-1"] { content: "jmuTmk,"; } /*!sc*/ .gYpLdu { width: 100%; padding: 8px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 40px auto 0; } /*!sc*/ .gYpLdu img { width: 100%; } /*!sc*/ @media (max-width: 767px) { .gYpLdu { display: none; } } /*!sc*/ data-styled.g620[id="api-demo-card__FullImage-sc-13k42b5-2"] { content: "gYpLdu,"; } /*!sc*/ @media (max-width: 991px) { .kvEnYP { text-align: left; padding: 24px 32px !important; padding-top: 8px !important; } } /*!sc*/ data-styled.g621[id="api-demo-card__StyledLink-sc-13k42b5-3"] { content: "kvEnYP,"; } /*!sc*/ .ldOSbB { border-radius: 100px; background: #fff; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-filter: drop-shadow(0 3px 70px #00000026); filter: drop-shadow(0 3px 70px #00000026); padding: 5px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 30px auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } /*!sc*/ .ldOSbB p { color: #505050; font-weight: 500; line-height: 32px; font-size: 19px; font-family: "Lexend Medium"; } /*!sc*/ @media (max-width: 767px) { .ldOSbB h4 { max-width: 100px; font-size: 19px; text-align: left !important; } .ldOSbB p { font-size: 17px; } } /*!sc*/ @media (max-width: 575px) { .ldOSbB { margin: -40px; gap: 0px; } .ldOSbB p { font-size: 14px !important; } } /*!sc*/ @media (max-width: 658px) { .ldOSbB p { max-width: 100px; line-height: normal; } } /*!sc*/ data-styled.g1253[id="product-tabs__TabsDiv-sc-bjtzi0-0"] { content: "ldOSbB,"; } /*!sc*/ .dOiiPQ { margin-bottom: -1px; cursor: pointer; font-family: "Lexend Medium"; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*!sc*/ .dOiiPQ img { width: 24px; height: 24px; } /*!sc*/ .dOiiPQ h4 { font-family: "Lexend Regular"; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #505050; } /*!sc*/ .dOiiPQ.active { background: #28282a; border-radius: 100px; padding: 8px; text-align: center; color: #fff; } /*!sc*/ @media (max-width: 575px) { .dOiiPQ { font-size: 15px !important; } } /*!sc*/ data-styled.g1254[id="product-tabs__TabItem-sc-bjtzi0-1"] { content: "dOiiPQ,"; } /*!sc*/ .JSsoQ h3 { color: #222; text-align: center; /* font-family: Lexend Medium; */ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 500; line-height: 120%; margin: 80px 0 60px; } /*!sc*/ data-styled.g1255[id="cards__CardsDiv-sc-1n349w7-0"] { content: "JSsoQ,"; } /*!sc*/ .kETtOT { grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; } /*!sc*/ @media (max-width: 991px) { .kETtOT { grid-template-columns: 1fr 1fr; } } /*!sc*/ @media (max-width: 575px) { .kETtOT { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1256[id="cards__ThreeHorizontal-sc-1n349w7-1"] { content: "kETtOT,"; } /*!sc*/ .jNQqeh { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; } /*!sc*/ @media (max-width: 767px) { .jNQqeh { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1257[id="cards__TwoHorizontal-sc-1n349w7-2"] { content: "jNQqeh,"; } /*!sc*/ .liFxHR { display: grid; grid-template-rows: 1fr 1fr 1fr; grid-gap: 40px; } /*!sc*/ data-styled.g1258[id="cards__ThreeVetrical-sc-1n349w7-3"] { content: "liFxHR,"; } /*!sc*/ .hmuUlZ { display: grid; grid-template-rows: 1fr 1fr; grid-gap: 40px; } /*!sc*/ data-styled.g1259[id="cards__TwoVetrical-sc-1n349w7-4"] { content: "hmuUlZ,"; } /*!sc*/ /* ROI Calc #3 */ /* change this color for the banner card header */ .gYAoet div { padding: 24px; /* background: #bbbbbb; */ background: #b4e3f1; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ /* Separate Colors */ .gYAoet-a div { padding: 12px; /* background: #bbbbbb; */ background: #ee805a; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ .gYAoet-b div { padding: 12px; /* background: #bbbbbb; */ background: #ee805a; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ .gYAoet-c div { padding: 12px; /* background: #bbbbbb; */ background: #ffcd48; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ /* End of Seperate Colors */ .gYAoet div h4 { color: var(--Black, #1c1c1f); /* font-family: Lexend Bold; */ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } /*!sc*/ .gYAoet div h5 { color: #000; /* font-family: Lexend Regular; */ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; line-height: 120%; } /*!sc*/ .gYAoet2 div { padding: 24px; background: #77a8df; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ .gYAoet2 div h4 { color: var(--Black, #1c1c1f); /* font-family: Lexend Bold; */ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } /*!sc*/ .gYAoet2 div h5 { color: #000; /* font-family: Lexend Regular; */ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; line-height: 120%; } /*!sc*/ data-styled.g1260[id="cards__SingleCard-sc-1n349w7-5"] { content: "gYAoet,"; } /*!sc*/ .clDkaA div { padding: 24px; background: #ffabab; border-radius: 12px; margin-bottom: 16px; } /*!sc*/ .clDkaA div h4 { color: var(--Black, #1c1c1f); font-family: Lexend Bold; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } /*!sc*/ .clDkaA div h5 { color: #000; font-family: Lexend Regular; font-style: normal; font-weight: 400; line-height: 120%; } /*!sc*/ data-styled.g1261[id="cards__SingleCardTwo-sc-1n349w7-6"] { content: "clDkaA,"; } /*!sc*/ .krwKJp { display: grid; grid-template-columns: 1fr 1.3fr; grid-gap: 80px; } /*!sc*/ @media (max-width: 991px) { .krwKJp { grid-gap: 40px; } } /*!sc*/ @media (max-width: 767px) { .krwKJp { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1262[id="cards__DoubleCard-sc-1n349w7-7"] { content: "krwKJp,"; } /*!sc*/ .DyTFn { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ .DyTFn h5 { margin-bottom: 8px; } /*!sc*/ data-styled.g1263[id="cards__CardText-sc-1n349w7-8"] { content: "DyTFn,"; } /*!sc*/ .kLIPto { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px; padding: 24px; background: #abf0ff; border-radius: 12px; } /*!sc*/ .kLIPto div { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ .kLIPto h4 { color: var(--Black, #1c1c1f); font-family: Lexend Bold; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } /*!sc*/ .kLIPto h5 { color: #000; font-family: Lexend Regular; font-style: normal; font-weight: 400; line-height: 120%; } /*!sc*/ @media (max-width: 767px) { .kLIPto { -webkit-order: -1; -ms-flex-order: -1; order: -1; } } /*!sc*/ data-styled.g1264[id="cards__Card-sc-1n349w7-9"] { content: "kLIPto,"; } /*!sc*/ .bnDWOU { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px; padding: 24px; background: #ebffb3; border-radius: 12px; } /*!sc*/ .bnDWOU div { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ .bnDWOU h4 { color: var(--Black, #1c1c1f); font-family: Lexend Bold; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } /*!sc*/ .bnDWOU h5 { color: #000; font-family: Lexend Regular; font-style: normal; font-weight: 400; line-height: 120%; } /*!sc*/ @media (max-width: 767px) { .bnDWOU { -webkit-order: -1; -ms-flex-order: -1; order: -1; } } /*!sc*/ data-styled.g1265[id="cards__CardTwo-sc-1n349w7-10"] { content: "bnDWOU,"; } /*!sc*/ .fLosud h3 { color: #222; text-align: center; font-family: Lexend Medium; font-style: normal; font-weight: 500; line-height: 120%; margin: 80px 0 60px; } /*!sc*/ data-styled.g1267[id="benefits__BenefitsDiv-sc-ef49l2-0"] { content: "fLosud,"; } /*!sc*/ .hEurTp { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; } /*!sc*/ @media (max-width: 991px) { .hEurTp { grid-template-columns: 1fr 1fr; } } /*!sc*/ @media (max-width: 575px) { .hEurTp { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1268[id="benefits__BenefitsGrid-sc-ef49l2-1"] { content: "hEurTp,"; } /*!sc*/ .dCdKUa { border-radius: 16px; background: rgba(28, 28, 31, 0.04); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 24px; } /*!sc*/ .dCdKUa img { width: 48px; height: 48px; } /*!sc*/ .dCdKUa h5 { color: #000; font-family: Lexend Medium; font-style: normal; font-weight: 500; line-height: 120%; margin: 24px 0 8px; } /*!sc*/ data-styled.g1269[id="benefits__BenefitCard-sc-ef49l2-2"] { content: "dCdKUa,"; } /*!sc*/ .gCTTSI { margin: 40px 0; } /*!sc*/ .gCTTSI p { margin: 24px 0; } /*!sc*/ data-styled.g1272[id="saas-management__AllInputs-sc-67wwr3-2"] { content: "gCTTSI,"; } /*!sc*/ .cjPqMs { border-radius: 12px; padding: 40px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); height: 100%; background: linear-gradient(15deg, #57e1ff66, #57e1ff66, transparent, #d3ff5799, #d3ff5799); /* ROI Calc #2 */ /* here is where you change the radial for the results box */ /* background: linear-gradient(15deg, #bbbbbb66, #bbbbbb66, transparent, #f6f6f699, #f6f6f699); */ background-size: inherit; background-repeat: no-repeat; background-position-x: 52%; background-position-y: 52%; display: grid; grid-template-columns: 1fr 1fr; } /*!sc*/ @media (max-width: 767px) { .cjPqMs { grid-template-columns: 1fr; padding: 24px; } } /*!sc*/ data-styled.g1273[id="saas-management__ResultsSummary-sc-67wwr3-3"] { content: "cjPqMs,"; } /*!sc*/ .hIhmxS { border-radius: 12px; padding: 40px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); height: 100%; background: linear-gradient(15deg, #57e1ff66, #d3ff5799); background-size: inherit; background-repeat: no-repeat; background-position-x: 52%; background-position-y: 52%; display: grid; grid-template-columns: 1fr 1fr; display: none; } /*!sc*/ data-styled.g1274[id="saas-management__ResultsSummaryReport-sc-67wwr3-4"] { content: "hIhmxS,"; } /*!sc*/ .kXCmAF { border-radius: 12px; background: #fff; padding: 32px 24px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; } /*!sc*/ .kXCmAF p { margin-top: 0; } /*!sc*/ data-styled.g1275[id="saas-management__InputSection-sc-67wwr3-5"] { content: "kXCmAF,"; } /*!sc*/ .eXzVDB { width: 100%; } /*!sc*/ .eXzVDB p { margin-bottom: 24px; } /*!sc*/ .eXzVDB p.report { width: 100%; border: 1px solid #c3c3c3; border-radius: 16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 20px 30px; } /*!sc*/ .eXzVDB input { font-family: Lexend Regular; font-size: 19px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 88px; border: 1px solid #c3c3c3; width: 100%; padding: 16px 32px; } /*!sc*/ .eXzVDB button { max-width: 230px; margin-top: 24px; } /*!sc*/ data-styled.g1276[id="saas-management__MainInput-sc-67wwr3-6"] { content: "eXzVDB,"; } /*!sc*/ .bpkCwO p { margin-bottom: 24px; } /*!sc*/ .bpkCwO p.report { border: 1px solid #c3c3c3; border-radius: 16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 20px 30px; } /*!sc*/ .bpkCwO input { font-family: Lexend Regular; font-size: 19px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 88px; border: 1px solid #c3c3c3; width: 100%; padding: 16px 32px; } /*!sc*/ .bpkCwO button { max-width: 230px; margin-top: 24px; } /*!sc*/ data-styled.g1277[id="saas-management__MainInputReport-sc-67wwr3-7"] { content: "bpkCwO,"; } /*!sc*/ .gmhOYU { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 64px; } /*!sc*/ @media (max-width: 767px) { .gmhOYU { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /*!sc*/ data-styled.g1278[id="saas-management__InputFlex-sc-67wwr3-8"] { content: "gmhOYU,"; } /*!sc*/ .eyMKfE { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 24px; margin: 40px 0; } /*!sc*/ @media (max-width: 1199px) { .eyMKfE { grid-template-columns: 1fr 1fr; } } /*!sc*/ @media (max-width: 767px) { .eyMKfE { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1279[id="saas-management__InputFlexReport-sc-67wwr3-9"] { content: "eyMKfE,"; } /*!sc*/ .kXphqi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .kXphqi h2 { font-size: 70px; } /*!sc*/ .kXphqi button { max-width: 320px; background: transparent; border-radius: 100px; height: 56px; min-width: 164px; padding: 16px 32px; font-family: "Lexend Semibold"; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: #1c1c1f; border: 2px solid #1c1c1f; -webkit-transition: ease-out 0.4s; transition: ease-out 0.4s; } /*!sc*/ .kXphqi button:hover { -webkit-transition: ease-out 0.4s; transition: ease-out 0.4s; background: #ffffff; } /*!sc*/ data-styled.g1280[id="saas-management__Values-sc-67wwr3-10"] { content: "kXphqi,"; } /*!sc*/ .bKmiQM h6 { color: var(--Black, #1c1c1f99); font-family: Lexend Medium; font-size: 15px; font-style: normal; font-weight: 500; line-height: 26px; -webkit-letter-spacing: 2px; -moz-letter-spacing: 2px; -ms-letter-spacing: 2px; letter-spacing: 2px; text-transform: uppercase; margin-top: 24px; } /*!sc*/ .bKmiQM ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } /*!sc*/ .bKmiQM li { margin: 8px 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .bKmiQM p { font-family: Lexend Medium; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; color: #1c1c1fcc; } /*!sc*/ .bKmiQM p.saving { color: #1c1c1f; } /*!sc*/ data-styled.g1281[id="saas-management__SubResults-sc-67wwr3-11"] { content: "bKmiQM,"; } /*!sc*/ .hvzIqK { margin: 40px 0; } /*!sc*/ @media (max-width: 767px) { .hvzIqK { padding: 0 20px; } } /*!sc*/ data-styled.g1282[id="saas-management__SecondaryResultDiv-sc-67wwr3-12"] { content: "hvzIqK,"; } /*!sc*/ .bIXMsd { max-width: 320px; } /*!sc*/ data-styled.g1283[id="saas-management__TooltipDiv-sc-67wwr3-13"] { content: "bIXMsd,"; } /*!sc*/ .HwmVX { display: none; } /*!sc*/ data-styled.g1285[id="saas-management__AnchorDivHidden-sc-67wwr3-15"] { content: "HwmVX,"; } /*!sc*/ .kpOvKu { display: none; height: 20px; background: #d3ff5780; } /*!sc*/ data-styled.g1286[id="saas-management__TopBorder-sc-67wwr3-16"] { content: "kpOvKu,"; } /*!sc*/ .llYHDZ h4 { margin: 32px 0 16px; } /*!sc*/ .llYHDZ h4 span { background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0ODEgOCIgd2lkdGg9IjQ4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmY1NzU3Ij48cGF0aCBkPSJtNDc4LjI0MyAxLjg2Mzg5Yy0uMTY5LS4xNTI0NC0xLjMyNy0uMjMxNDgtMi41Ny0uMTgwNjctMTguNTUzLjgxNDMtMzcuNDg4IDEuMjMwNjctNTYuNDgzIDEuMjQyMDctMi4yODcgMC00LjU0Ny0uMDM5NTItNi43MjEtLjA4NDY5LTEuMTAyIDAtMi4yMDMtLjAzOTUyLTMuMjc2LS4wNzMzOWwtMS41ODItLjA0NTE3LTEuMjcxLS4wNDUxN2MtLjYxLS4wMTE0MS0xLjIyNS0uMDExNDEtMS44MzUgMGwtNy40MjgtLjAzOTUyLTcuMzQzLS4wNzkwNGMtOS42NTgtLjA5MDMzLTE5LjMxNy0uMjQ4NDEtMjkuMDYtLjQyOTA3LTE5LjQ4Ny0uMzY2OTctMzkuNTM5LS44NDEyMi01OS44MTYtLjkzMTU1LTEwLjI0Mi0uMDQ0ODUtMjAuNDg5LjAxNzM0LTMwLjY5OS4xODYzMWwtMy44MTIuMDczNGgtLjk2Yy0uMjI2IDAgMCAwIDAgMGgtMS4zbC03LjQ1NS0uMDUwODItMTQuODg0LS4wNzMzOWMtNzkuNDQzLS4zNTAwMzYtMTU4LjU3NjEuMjQ4NDEtMjM3LjIyODk1LjA3OTA0LTEuMjcwODcgMC0yLjM0NDA1LjExMjkxLTIuNDAwNTMuMjU5N2wtMS44OTIxODcgMy42Njk3M2MtLjAwNzUyNC4wNDUyMi4wNTMwNjcuMDg5ODQuMTczOTIxLjEyODEuMTIwODUzLjAzODI1LjI5NjM5Ni4wNjgzNi41MDM4NzcuMDg2NDQuNTg2Mzk5LjA2NDg0IDEuMjUwOTA5LjA5NjEgMS45MjA0MjkuMDkwMzMgMjkuNjI1NDQtLjA2MjExIDYyLjEzMTQ0LS4yMzcxMiA5Ni44Njg2NC0uNDQ2MDIgMzQuNzM2OC0uMjA4ODkgNzIuMjEzOC0uNDQwMzYgMTEyLjExODgtLjUwMjQ3aDMwLjMwNGwxNS40NzYuMDMzODhoOC4xMDVsOC4yNDctLjEzNTVjMjEuMzUzLS4zMjczMyA0Mi44MS0uMjY2ODYgNjQuMTA4LjE4MDY3IDExLjA3MS4xODA2NiAyMi4zNjguMzg5NTUgMzMuODkuNTY0NTcgNS43NjEuMDc5MDQgMTEuNTUxLjEzOTI2IDE3LjM2OS4xODA2Nmw4Ljc4My4wNDUxN2g0LjQzNCAxLjg5MmwxLjg5Mi4wNTY0NWMxMi4xMjcuMjU5MDEgMjQuMzY0LjIzMjQ4IDM2LjQ2LS4wNzkwNCAxMi4xNTQtLjI3NjUgMjQuMjMtLjY3Nzg4IDM2LjE3OC0xLjIwMjU0LjU4OC0uMDIwMjUgMS4xMzYtLjA3MzA2IDEuNTgxLS4xNTI0My4xNzMtLjAyNTU1LjMwNy0uMDYwMjEuMzg2LS4xMDAwOS4wOC0uMDM5ODkuMTAzLS4wODM0Mi4wNjYtLjEyNTc0eiIgb3BhY2l0eT0iLjkiLz48cGF0aCBkPSJtNDc3LjA1NS4xNjkxYzAtLjA4NDY4NjMtLjQ1Mi0uMTQxMTQzNi0xLjA0NS0uMTYzNzI2NTMtLjY2My0uMDE1ODgzNTctMS4zMzYuMDAzNTk0ODItMS45NDkuMDU2NDU3MzMtOC45NzYuNzA1NTk3Mi0xOC4zMTUgMS4yMTExMTkyLTI3Ljg0NiAxLjUwNzQwOTItOS40NjcuMzE4MzMtMTkuMDk1LjQwMTc2LTI4LjY2NS4yNDg0MS0yLjM3Mi0uMDM5NTItNC42Ni0uMTA3MjctNi45NDgtLjE4NjMxbC0xLjcyMi0uMDY3NzQtMi40NTctLjExMjkyYy0uNTQxLS4wMzEwNy0xLjEwNi0uMDQyNTUtMS42NjctLjAzMzg3aC0xLjU1My0xLjg5MmMtNS4wODQuMDMzODctMTAuMTY3LjA1NjQ1LTE1LjIyMi4wNzMzOS0xMC4xNjcgMC0yMC4zMDYgMC0zMC40NDUgMC0yMC4yNzctLjA2Nzc1LTQwLjU1NS0uMjE0NTQtNjAuNzQ3LS4yNDg0MS0xMC4wODMgMC0yMC4yMjEgMC0zMC4xOTEuMDY3NzVsLTI5Ljg1MS4wNzkwNGMtMzkuNzM2LjA2MjEtNzkuMDc3IDAtMTE3LjY4My4yMTQ1NC0zNy45ODE5LjExNjQ5LTc1LjkwMjYuNjUzNjYtMTEzLjU4NzQ3IDEuNjA5MDMtMS40Njg1Ni4wMzk1Mi0yLjUxMzUuMTg2MzEtMi4zNzIyOS4zMzg3NC4xNDEyLjE1MjQ0IDEuMzgzODMuMjQyNzcgMi44MjQxNi4yMTQ1NCAzNi44MTg4LS42NDI1MSA3My43ODUzLS44ODM3NSAxMTAuNzM1Ni0uNzIyNjUgMzcuMDUzLjA5MDMzIDc0LjE2Mi40MDY0OSAxMTEuMzU2LjY0MzYxbDI4LjA0NC4xNTgwOGM0LjYwNCAwIDkuNDMzLjA0NTE3IDE0LjEyMS4wNTA4MSA0LjY4OC4wMDU2NSA5LjEyMiAwIDEzLjY5Ny4wNTA4MSAxOC4yNDQuMTE4NTYgMzYuNzE0LjM3MjYyIDU1LjEyOC41OTg0NSAxOC40MTMuMjI1ODMgMzcuMTA5LjQ0MDM3IDU1LjgzMy41MDI0N2g3LjAzMyAzLjY0M2wuNjQ5LjAzOTUyYzQuOTk5LjI1MTk2IDEwLjA4OS40MjU2MiAxNS4yMjIuNTE5NDEgOS44MzcuMTc5NzIgMTkuNzQyLjE0NTY1IDI5LjU0MS0uMTAxNjMgOS43MjEtLjIzNDUzIDE5LjMxLS42NTIyOSAyOC42MzctMS4yNDc3IDEuNDY5LS4wOTU5OCAyLjU0Mi0uMjg3OTMgMi40MjktLjQzNDcyLS43MzQtMS4yMzY0Mi0xLjgwOC0yLjQ1NTktMy4wNS0zLjY1Mjc5eiIgb3BhY2l0eT0iLjcyIi8+PHBhdGggZD0ibTMuNTI3MzggNS43MTg2MWMuMjk1MDIuMDY0NDQuNjY4OTkuMTEyMzkgMS4wODUuMTM5MTJzLjg1OTcuMDMxMzIgMS4yODcyOS4wMTMzMWM0NS4wNzQ1My0uNzc5NDEgOTAuMzQxNTMtMS4wMjA3MyAxMzUuNTU5MzMtLjcyMjY1IDQwLjI3My4yMDMyNSA3NS4yNjQuNTY0NTcgMTA0LjA0My44MTg2M2w2Ni42NS41MzYzNWMxNS4zMDcuMTE4NTYgMjMuNDQuMjAzMjQgMjMuNDQuMjMxNDdzLTcuNDU1IDAtMjEuODU5LS4wODQ2OWMtMTQuNDAzLS4wODQ2OC0zNS44NjYtLjE3NTAxLTYzLjc5Ny0uMzgzOTEtMjcuOTMxLS4yMDg4OS02Mi40NDMtLjUxOTQtMTAyLjgtLjcwNTcxLTQ2LjExNC0uMjkwODMtOTIuMjczOS0uMDQxOTktMTM4LjI0MjcxLjc0NTIzLS42ODU1My4wMTA4MS0xLjMzNzEyLjA2NDA5LTEuODYzOTUuMTUyNDQtLjE5NjQuMDI5MzQtLjMyOTIxLjA3MjU4LS4zNzEyMi4xMjA4N3MuMDA5OTcuMDk3OTYuMTQ1MjkuMTM4ODNsLjkwMzczLjI3NjY0Yy4zMDI2NS4wNjQwMi42ODE3Ni4xMTE1OSAxLjEwMTY5LjEzODI2LjQxOTkzLjAyNjY2Ljg2Njg5LjAzMTU0IDEuMjk4ODcuMDE0MTggNDAuMjE1NC0uNzc5MjkgODAuNjE1Mi0xLjExNDc4IDEyMS4wMTUzLTEuMDA0OTQgMzkuODc3LjA0NTE2IDc5LjA3Ny4zNDQzOSAxMTcuODUyLjU2NDU3IDM4Ljc3Ni4yMjAxOCA3Ni43MDUuMzA0ODcgMTEzLjcwMS41NjQ1NyA5LjI2My4wNjIxMSAxOC40Ny4xMzU1IDI3LjU5Mi4yMzE0OGwxMy4yNDYuMTUyNDNoLjMzOGwuNzM1LjAzMzg4Yy42NDkuMDMzODcgMS4zMjcuMDYyMSAxLjk3Ny4wODQ2OCAxLjI5OS4wNDUxNyAyLjU3LjA3OTA0IDMuODEyLjEwNzI3IDIuNDg2LjA2MjExIDQuOTE0LjA5MDMzIDcuMzE1LjEwNzI3IDkuMzQ0LjA0NTUxIDE4LjY5NC0uMDMxODEgMjcuOTg3LS4yMzE0NyA5LjE5Mi0uMTc5MzYgMTguMzE1LS40NzkyMyAyNy4zMS0uODk3NjcuNDQtLjAxNDY5Ljg1NS0uMDQ5OTggMS4yMTQtLjEwMjk2LjM1OC0uMDUyOTkuNjQ5LS4xMjIxOC44NDgtLjIwMTkxIDEuMzQ1LS45NjgwNCAyLjA5NC0xLjk2NTMxIDIuMjMxLTIuOTY5NjYtLjAwOC0uMDQ1OTktLjA4Mi0uMDkwNTgtLjIxMi0uMTI4NTctLjEzLS4wMzc5OC0uMzExLS4wNjc4LS41MjMtLjA4NTk3LS41MzctLjAzOTc3LTEuMTI4LS4wMzk3Ny0xLjY2NiAwLTQuMjY3LjI2OTQtOC42MTYuNDg0MzctMTMuMDE5LjY0MzYyLTQuNjA0LjE3NTAyLTkuMzIuMzE2MTYtMTQuMTIxLjQyOTA3LTkuMzY2LjIzNjg5LTE4LjgwMi4zNDYyOS0yOC4yNDIuMzI3NDYtMi4yODcgMC00LjU0Ny0uMDMzODgtNi42NjUtLjA3MzRsLTMuMDUtLjA3OTA0Yy0xLjE1OC0uMDMzODctMS4wNzMtLjA1NjQ2LTQuMDM4LS4xNjkzN2wtMTUuNjE4LS4xNzUwMmMtOS45NjktLjA5NTk4LTE5LjkzOS0uMTY5MzctMjkuOTA4LS4yMzE0Ny0zOS45MDUtLjIyMDE5LTc5LjQ3Mi0uMjY1MzUtMTE5LjE1MS0uNTEzNzctNzkuMjQ2LS40MzQ3Mi0xNTkuMzM5Ni0xLjA1NTc1LTIzOC44Mzk3NC43Njc4Mi0uNjg1NTIuMDEwODEtMS4zMzcxMTEuMDY0MDktMS44NjM5NDYuMTUyNDQtLjE4MzcxMy4wMjk5LS4zMDc1ODM5LjA3MjAxLS4zNDkwNTI1LjExODY0LS4wNDE0Njg1LjA0NjYzLjAwMjIyMzYuMDk0NjkuMTIzMTE5NS4xMzU0MnoiIG9wYWNpdHk9Ii42MiIvPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: bottom; } /*!sc*/ data-styled.g1287[id="saas-management__RoiHeader-sc-67wwr3-17"] { content: "llYHDZ,"; } /*!sc*/ .jmZQLd { display: none; background: #000000; padding: 60px 20px 40px; } /*!sc*/ data-styled.g1288[id="saas-management__ReportFooter-sc-67wwr3-18"] { content: "jmZQLd,"; } /*!sc*/ .jguyZo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ data-styled.g1289[id="saas-management__FooterFlex-sc-67wwr3-19"] { content: "jguyZo,"; } /*!sc*/ .kAYhcy { font-size: 18px; color: #ffffff; font-family: Lexend Medium; font-weight: 500; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*!sc*/ .kAYhcy svg { margin-bottom: 24px; } /*!sc*/ data-styled.g1290[id="saas-management__AddressDiv-sc-67wwr3-20"] { content: "kAYhcy,"; } /*!sc*/ .hZLgek { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*!sc*/ .hZLgek h3 { color: #ffffff; margin-bottom: 24px; } /*!sc*/ .hZLgek button { border: 1px solid #fff; } /*!sc*/ data-styled.g1291[id="saas-management__DemoDiv-sc-67wwr3-21"] { content: "hZLgek,"; } /*!sc*/ .gHMFuc { -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; margin-top: 16px; margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: -12px; } /*!sc*/ .gHMFuc a { opacity: 0.8; margin-right: 12px; margin-left: 12px; } /*!sc*/ .gHMFuc a:hover { opacity: 1; -webkit-transition: 0.5s ease-out, -webkit-transform 0.5s ease; -webkit-transition: 0.5s ease-out, transform 0.5s ease; transition: 0.5s ease-out, transform 0.5s ease; } /*!sc*/ .gHMFuc svg { width: 32px; height: 32px; } /*!sc*/ data-styled.g1292[id="saas-management__SocialMobile-sc-67wwr3-22"] { content: "gHMFuc,"; } /*!sc*/ .czztue { margin: 0; } /*!sc*/ @media (max-width: 575px) { .czztue { margin-top: 50px; } } /*!sc*/ data-styled.g1293[id="access-management__AMTabFull-sc-17qo39d-0"] { content: "czztue,"; } /*!sc*/ .hNhWLb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 32px; } /*!sc*/ data-styled.g1294[id="access-management__AMTabDiv-sc-17qo39d-1"] { content: "hNhWLb,"; } /*!sc*/ .njfBw { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 4px; } /*!sc*/ .njfBw input { accent-color: #fe5757; } /*!sc*/ .njfBw label { font-size: 19px; margin: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ data-styled.g1295[id="access-management__AMTabInput-sc-17qo39d-2"] { content: "njfBw,"; } /*!sc*/ .gDhBGL p { margin: 24px 0; } /*!sc*/ data-styled.g1297[id="access-management__AllInputs-sc-17qo39d-4"] { content: "gDhBGL,"; } /*!sc*/ .dLGeIw { border-radius: 12px; padding: 40px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); height: 100%; background: linear-gradient(5deg, #57e1ff66, #57e1ff66, transparent, #d3ff5799, #d3ff5799); background-size: inherit; background-repeat: no-repeat; background-position-x: 52%; background-position-y: 52%; display: grid; grid-template-columns: 1fr 1fr; } /*!sc*/ @media (max-width: 767px) { .dLGeIw { grid-template-columns: 1fr; } } /*!sc*/ .dLGeIw h2 { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 40px; margin: 24px 0; max-width: 400px; } /*!sc*/ data-styled.g1298[id="access-management__ResultsSummary-sc-17qo39d-5"] { content: "dLGeIw,"; } /*!sc*/ .hdzlqM { border-radius: 12px; background: #fff; padding: 32px 24px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; } /*!sc*/ .hdzlqM p { margin-top: 0; } /*!sc*/ data-styled.g1299[id="access-management__InputSection-sc-17qo39d-6"] { content: "hdzlqM,"; } /*!sc*/ .bmXusH { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .bmXusH p { margin-bottom: 24px; } /*!sc*/ .bmXusH p.report { width: 100%; border: 1px solid #c3c3c3; border-radius: 16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 20px 30px; } /*!sc*/ .bmXusH input { font-family: Lexend Regular; font-size: 19px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 88px; border: 1px solid #c3c3c3; width: 100%; padding: 16px 32px; } /*!sc*/ .bmXusH input.disabled { background: #ededed; } /*!sc*/ .bmXusH button { max-width: 230px; margin-top: 24px; } /*!sc*/ data-styled.g1300[id="access-management__MainInput-sc-17qo39d-7"] { content: "bmXusH,"; } /*!sc*/ .eKwxeK { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 64px; } /*!sc*/ @media (max-width: 575px) { .eKwxeK { grid-template-columns: 1fr; } } /*!sc*/ data-styled.g1302[id="access-management__InputFlex-sc-17qo39d-9"] { content: "eKwxeK,"; } /*!sc*/ .PtEMT { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ .PtEMT h6 { color: var(--Black, #1c1c1f99); font-family: Lexend Medium; font-size: 15px; font-style: normal; font-weight: 500; line-height: 26px; -webkit-letter-spacing: 2px; -moz-letter-spacing: 2px; -ms-letter-spacing: 2px; letter-spacing: 2px; text-transform: uppercase; margin-top: 24px; } /*!sc*/ .PtEMT ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } /*!sc*/ .PtEMT li { margin: 8px 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .PtEMT p { font-family: Lexend Medium; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; color: #1c1c1fcc; margin: 0; } /*!sc*/ .PtEMT p.saving { color: #1c1c1f; } /*!sc*/ data-styled.g1304[id="access-management__SubResults-sc-17qo39d-11"] { content: "PtEMT,"; } /*!sc*/ .kCZJiQ { margin: 40px 0; } /*!sc*/ data-styled.g1305[id="access-management__SecondaryResultDiv-sc-17qo39d-12"] { content: "kCZJiQ,"; } /*!sc*/ .kGlvJT { max-width: 320px; } /*!sc*/ data-styled.g1306[id="access-management__TooltipDiv-sc-17qo39d-13"] { content: "kGlvJT,"; } /*!sc*/ .cMauzw { margin: 40px 0; } /*!sc*/ .cMauzw p { margin: 24px 0; } /*!sc*/ data-styled.g1309[id="access-reviews__AllInputs-sc-1sbfyzp-1"] { content: "cMauzw,"; } /*!sc*/ .iFGlHC { border-radius: 12px; padding: 40px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); height: 100%; background: linear-gradient(5deg, #bbbbbb66, #bbbbbb66, transparent, #f6f6f699, #f6f6f699); background-size: inherit; background-repeat: no-repeat; background-position-x: 52%; background-position-y: 52%; display: grid; grid-template-columns: 1fr 1fr; } /*!sc*/ @media (max-width: 767px) { .iFGlHC { grid-template-columns: 1fr; } } /*!sc*/ .iFGlHC h2 { font-size: 70px; margin: 24px 0; } /*!sc*/ data-styled.g1310[id="access-reviews__ResultsSummary-sc-1sbfyzp-2"] { content: "iFGlHC,"; } /*!sc*/ .jAfKcc { border-radius: 12px; background: #fff; padding: 32px 24px; box-shadow: 0px 15px 80px 0px rgba(128, 127, 170, 0.09); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; } /*!sc*/ .jAfKcc p { margin-top: 0; } /*!sc*/ .jAfKcc button { max-width: 230px; margin-top: 24px; } /*!sc*/ data-styled.g1311[id="access-reviews__InputSection-sc-1sbfyzp-3"] { content: "jAfKcc,"; } /*!sc*/ .jpimFu p { margin-bottom: 24px; } /*!sc*/ .jpimFu input { font-family: Lexend Regular; font-size: 19px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 88px; border: 1px solid #c3c3c3; width: 100%; padding: 16px 32px; } /*!sc*/ data-styled.g1312[id="access-reviews__MainInput-sc-1sbfyzp-4"] { content: "jpimFu,"; } /*!sc*/ .jjSeMz { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 64px; } /*!sc*/ @media (max-width: 575px) { .jjSeMz { grid-template-columns: 1fr; grid-gap: 32px; } } /*!sc*/ data-styled.g1313[id="access-reviews__InputFlex-sc-1sbfyzp-5"] { content: "jjSeMz,"; } /*!sc*/ .cTriXr { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } /*!sc*/ .cTriXr h6 { color: var(--Black, #1c1c1f99); font-family: Lexend Medium; font-size: 15px; font-style: normal; font-weight: 500; line-height: 26px; -webkit-letter-spacing: 2px; -moz-letter-spacing: 2px; -ms-letter-spacing: 2px; letter-spacing: 2px; text-transform: uppercase; margin-top: 24px; } /*!sc*/ .cTriXr ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } /*!sc*/ .cTriXr li { margin: 8px 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*!sc*/ .cTriXr p { font-family: Lexend Medium; font-size: 19px; font-style: normal; font-weight: 500; line-height: 28px; color: #1c1c1fcc; } /*!sc*/ .cTriXr p.saving { color: #1c1c1f; } /*!sc*/ data-styled.g1314[id="access-reviews__SubResults-sc-1sbfyzp-6"] { content: "cTriXr,"; } /*!sc*/