/*
Theme Name: LST
Description: Work is love made visible
Author: Nilesh Sanura
Theme URI: https://2cuptech.com/
Author URI: https://2cuptech.com/
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.0
Text Domain: lst

*/


/****************************************** TYPOGRAPHY CSS ******************************************/
/* #region */
html{overflow-x: hidden; width: 100%;}
body {padding: 0px 0 0 0; margin: 0; font-size: 20px; color: #393B3E; font-family: 'Poppins', sans-serif; line-height: 30px; letter-spacing: 0px;font-weight:400;overflow-x: hidden;}

h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; }
header, section, footer { display: block; }
em{font-style: italic;} 

/********************* LINK CSS *********************/
a { color: #113A4D; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus { color: #575757; }
* { margin: 0; padding: 0; }
*:focus { outline: none; }


/********** INPUT **********/
.form-group{ width:100%; float:left; margin-bottom:28px;} 
.form-control{font-size: 20px;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color:rgba(0, 0, 0, 0.7);}
::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7);}
::-moz-placeholder { color: rgba(0, 0, 0, 0.7); }
:-ms-input-placeholder { color:rgba(0, 0, 0, 0.7);} 
:-moz-placeholder { color: rgba(0, 0, 0, 0.7);}


/********************* HEADING CSS *********************/
h1, h2, h3, h4, h5, h6 { margin: 14px 0 26px 0; display:block; line-height: 1.2; color: #11315A; font-weight: 600; text-transform: none;}
h1 { font-size: 76px; }
h2 { font-size: 56px; }
h3 { font-size: 42px; }
h4 { font-size: 36px; }
h5 { font-size: 32px; }
h6 { font-size: 24px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:0;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0;}

/********************* P CSS *********************/
p { float: none; margin: 0 0 30px 0; padding: 0; }
p:last-child { margin: 0 0 0px 0; }
p strong, b, strong{font-weight:700;}


/********************* LISTING CSS *********************/
ul { margin: 0 0 15px 0; padding: 0; display: block; text-align:left; }
ul li { margin: 0 0 12px 0; padding: 0 0 0 20px; position: relative; line-height: 30px; list-style: none; }
ul li::before {content: "";width: 5px;height: 5px;background-color: #113A4D; position: absolute;left: 0px;top: 12px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; }
ul li:last-child{ margin-bottom:0px;}
ul li a { color: #113A4D; }
ul li a:hover { color: #575757; text-decoration: none; }

ul li ul{ margin:7px 0 12px 0px;}

ol { margin: 0 0 15px 3px; padding: 0; text-align:left;counter-reset: list; }
ol li { margin: 0 0 5px 0; padding: 0 0 0 0px; position: relative; line-height: 30px; list-style: none; }
ol li a { color: #113A4D; }
ol li a:hover { color: #575757; text-decoration: none; }
ol ol{ margin: 7px 0 7px 26px;}
ol li:before{counter-increment: list;content: counter(list) ". ";margin-right: 12px;display: inline-block;}
ol ol li:before{counter-increment: listsub;content: counter(list) ". " counter(listsub);}
ol ol ol li:before {counter-increment: listsub2; content: counter(list) ". " counter(listsub) ". " counter(listsub2);}



/********************* IMAGE CSS *********************/
img { border: none; vertical-align: middle; max-width: 100%; }
.alignleft { float: left; margin: 18px 50px 36px 0;}
.alignright { float: right; height: auto; margin: 16px 0 36px 50px;}
.aligncenter { display: block; margin: 26px auto 34px auto;}


/********************* BUTTON CSS *********************/
.btn, .wpcf7-submit { background-color: #278BCB; border:none; text-align:center; min-width:206px; color: #FFFFFF; font-weight: 500; position:relative; font-family: "Poppins", sans-serif;display: inline-block; font-size: 18px;letter-spacing: normal;line-height: 1.2; padding:16px 26px; overflow:hidden;text-transform: none;box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; vertical-align: middle;text-transform:none;position: relative;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important;}
.btn:hover, .btn:focus, .btn:active, .wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:active { background-color: #11315A; color: #FFFFFF; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.container-fluid{padding: 0 100px;  max-width: 1920px; margin: 0 auto;}

header .logo{}
header .container-fluid{display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center;}


header{padding: 12px 0;border-bottom:1px solid #E2E8F0;}
.py-100{padding-top:80px;padding-bottom:80px}
.hero-section h1{font-weight: 300;margin-bottom: 26px;}
.hero-section{font-size: 40px; font-weight: 500; line-height:1.4;padding: 46px 0;border-bottom:1px solid #E2E8F0;}
.form-container{ padding: 30px 48px 14px 48px; max-width:600px; margin: 0 auto; border-radius: 14px; background: #FFF; position:relative; box-shadow: 0px 7.131px 21.394px 7.131px rgba(0, 0, 0, 0.15);}
.form-container:after{content:""; background:url(https://netsuiteerp.livestrongtechnologies.com/wp-content/uploads/2024/12/pattern.png) no-repeat; position:absolute;height:234px;right:-200px;width:234px;bottom:26px; z-index:-1}

.form-container .wpcf7-form-control{border:none;border-bottom:1px solid #DFDFDF !important; font-size:18px;width:100%;padding:12px 10px;}
input::placeholder, textarea::placeholder { opacity: 1; color: #575757;}
.contact-form ul{margin:0;}
.contact-form ul li{margin:0 0 14px 0; padding:0}
.contact-form ul li:last-child{margin:0 0 0px 0;}
.contact-form ul li:before{display:none}
.contact-form textarea{height:56px}
.wpcf7-not-valid-tip{font-size:14px}
.wpcf7-response-output{font-size:14px; margin-top:0 !important; text-align:center;}
.contact-form .wpcf7-submit{padding-top:16px; padding-bottom:16px; margin-top:15px}
.hero-section .text-block{max-width:600px; margin: 30px auto 0;font-size:20px; text-align:center;}
.hero-section p {color: #475569;}
.banner-left-part{padding-top:150px;}

.about-section .about-text{padding-left: 56px;}
.netsuite-integration-block{padding: 14px; font-size: 16px; line-height: 1.2;}
.netsuite-integration-block h3{font-size: 22px; margin: 0 0 20px 0;}
.netsuite-integration-block .icon{margin-bottom: 20px;width: 64px;height: 64px; border-radius: 4px;background: #D8F2FF; padding: 4px; display: flex;justify-content: center;    align-items: center; box-shadow: 0px 4px 10px rgba(17, 49, 90, 0.10); color: #11315A;}

.section-title{margin-bottom: 26px; font-size: 24px; font-weight: 500;}
.netsuite-integration-img{display: flex; margin-left: auto;justify-content: flex-end;}
.integration-process-bottom{padding-top: 64px;}
.integration-process-block {font-size:18px; padding: 0 15px; line-height:1.2}
.integration-process-block .icon{width:64px;height:64px;border-radius: 4px; background: #D8F2FF; display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 10px rgba(17, 49, 90, 0.10);color: #11315A;font-size: 40px;font-weight: 700;}
.integration-process-block h4{font-size: 24px; font-weight: 600;color: #000000; margin-top: 20px;}

.why-liveStrong-inner{ display: flex; flex-direction: row-reverse; align-items: center; border-radius: 29px; padding: 100px 100px; position: relative; background-size:cover !important; background-position:center center !important; overflow: hidden;}
.why-liveStrong-inner:after{content:"";background: linear-gradient(0deg, rgba(17, 49, 90, 0.81) 0%, rgba(17, 49, 90, 0.81) 100%); position: absolute; left:0;top:0;width:100%;height:100%; z-index: 0;}
.why-liveStrong-inner *{position: relative;z-index: 1;color:#FFFFFF}
.why-liveStrong-inner .why-liveStrong-info{width:60%; padding-left: 146px; text-align: center;}
.why-liveStrong-inner .why-liveStrong-left{width:40%;display: flex; flex-direction: column; gap: 32px;}

.why-liveStrong-block{ min-height: 164px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 22px 22px 11px 164px; border-radius: 10px; background: #FFF;  box-shadow: 15px 10px 50px 0px rgba(0, 0, 0, 0.10); position: relative;font-size: 18px; line-height: 1.3;color: #145094;}
.why-liveStrong-block *{color: #145094;}
.why-liveStrong-block .icon{ position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.why-liveStrong-block .icon img{max-width: 100px;}
.why-liveStrong-block h5{font-size:24px; margin-top: 0;color: #000000;margin-bottom: 8px;}
.why-liveStrong-info .section-title{font-size: 30px; line-height: 1.2;margin-bottom: 46px;}

.our-mission-section{padding: 100px 0; text-align: center;color:#FFFFFF;background-size:cover !important;background-position:center center !important; position: relative;}
.our-mission-section:after{content:"";background: rgba(17, 49, 90, 0.80); position: absolute; left:0;top:0;width:100%;height:100%; z-index: 0;}
.our-mission-section *{position: relative;z-index: 1;color:#FFFFFF;}
.our-mission-section .text-center{ margin-top: 40px;}
.our-mission-section .btn-block{ margin-top: 40px;}

.integration-points-block .icon{width:76px; height: 76px; background-color: #278BCB; display: flex; justify-content: center; align-items: center; border-radius: 5px; margin-bottom: 15px; padding: 10px;}
.integration-points-block h5{font-size: 22px;font-weight: 600;color:#000000; margin: 10px 0;}
.integration-points-block{font-size: 16px; line-height: 1.2;margin: 18px 0;}
.beyond-integration-last{text-align: center; margin-top: 46px; max-width: 1370px; margin: 40px auto 0 auto;padding-left:100px}
.beyond-integration-last .btn{margin-top: 15px;}
.beyond-integration-section .section-title{color: #11315A; margin-bottom: 40px;}
.beyond-integration-graph .graph-block{width:100%;max-width:400px; display: inline-flex;  align-items: center; border-radius: 12px 46px 46px 12px; background: #FFFFFF;  box-shadow: 6px 8px 5px 0px rgba(0, 0, 0, 0.25); font-size: 20px;text-transform: uppercase; padding: 0 26px 0 0; position: relative;  -webkit-transition: -moz-transform .3s ease-out; 
   -moz-transition: -webkit-transform .3s ease-out; 
   -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out;}
.beyond-integration-graph .graph-block:before{content:""; width:1px; height: 100%; background-color: #FFFFFF; position: absolute;left:-8px;top:0;transition: transform 0.5s;}
.beyond-integration-graph .graph-block:hover {transform: scale(1.05);-webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.beyond-integration-graph .graph-block .graph-icon{flex: 0 0 100px; padding: 12px 20px 12px 14px; display: flex; align-items: center; justify-content: center; border-radius: 12px 54px 54px 12px; margin-right: 26px; background: #1B8AC8;min-height:72px}
.beyond-integration-graph .graph-block .graph-icon img{max-height: 50px;max-width:56px}
.beyond-integration-graph ul{margin: 0;}
.beyond-integration-graph ul li{ display: block; margin: 0px 0 22px 0; padding: 0;}
.beyond-integration-graph ul li:last-child{margin:0px;}
.beyond-integration-graph ul li:before{display:none}
.beyond-integration-graph ul li:nth-child(2){margin-left:110px;}
.beyond-integration-graph ul li:nth-child(3){margin-left:210px;}
.beyond-integration-graph ul li:nth-child(4), .beyond-integration-graph ul li:nth-child(5){margin-left:310px;}
.beyond-integration-graph ul li:nth-child(7){margin-left:110px;}
.beyond-integration-graph ul li:nth-child(6){margin-left:210px;}
.beyond-integration-text{padding-left: 40px;padding-top:70px}

.beyond-integration-graph{position: relative;padding-left: 100px;}
.beyond-integration-graph .netsuite-logo{ max-width: 254px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.beyond-integration-graph:after{content:""; position: absolute; left: -10%; top: 26px; bottom:26px; width:76%;border-radius: 0px 448px 448px 0px;background: rgba(27, 138, 200, 0.78); box-shadow: 0px -137px 149px 0px rgba(0, 0, 0, 0.17) inset, 0px 12px 6px 0px rgba(0, 0, 0, 0.06), 0px 24px 12px 0px rgba(0, 0, 0, 0.09), 0px 48px 24px 0px rgba(0, 0, 0, 0.09), 0px 96px 47px 0px rgba(0, 0, 0, 0.09), 0px 190px 96px 0px rgba(0, 0, 0, 0.09); z-index: -1;}

footer {border-top: 1px solid #E2E8F0;}
.footer-links ul{margin: 0;}
.footer-links ul li{ padding: 0; margin: 15px 0;color: #11315A; font-size: 24px; font-weight: 500;}
.footer-links { display: flex; justify-content: flex-end; }
.footer-links ul li a{display:block; color: #29ABFF; font-size: 18px; font-weight: 400;}
.footer-links ul li a:hover, .footer-links ul li a:focus{ color: #29ABFF;}
.footer-links ul li:before{display: none;}
.footer-logo { }

.footer-social ul{display: inline-flex; justify-content: flex-start; margin: -54px 0 0 0;}
.footer-social ul li{padding: 0 10px 0 0; margin: 0;}
.footer-social ul li:before{display:none}
.footer-social {margin-top:-64px}
.footer-social ul li img{width:20px;max-height:20px; height:auto}
.footer-social ul li a{width:46px;height:46px; background:#11315A; border-radius:50%; display:flex; justify-content:center;align-items:center;}
.footer-social ul li a:hover{background:#29ABFF}


.inner-page-section {padding: 80px 0;}
button.el-button.bpa-front-btn {
    transition: all 0.5s ease-in-out !important;
}
button.el-button.bpa-front-btn.bpa-front-btn--primary:hover {
    background: #11315A !important;
    border-color: #11315A !important;
}
button.el-button.bpa-front-btn.bpa-front-btn--primary:hover {
    background: #11315A !important;
    border-color: #11315A !important;
}
.bpa-front-tabs--panel-body button.el-button span {
    font-weight: 700;
}
.bpa-front-tabs--panel-body button.el-button strong {
    display: none;
}
.hero-section .text-block a:not(.btn){
    color: #278BCB;
    text-decoration: underline;
}