#products-1{background:#3279d6d7;height:auto;}
#products-1 .container-xxl{max-width:1100px;margin:0 auto;}
.pr-1{display:flex;transition:all .5s ease;transform:translateY(0);color:#333;overflow:hidden;box-sizing:border-box;background:#FFFFFF;border:1px solid #F3F3F3;border-radius:4px;width:100%;height:200px;align-items:center;justify-content:center !important;}
.pr-1:hover{transform:translateY(-5px);box-shadow:0px 36px 15px rgba(0,0,0,0.01),0px 20px 12px rgba(0,0,0,0.05),0px 9px 9px rgba(0,0,0,0.09),0px 2px 5px rgba(0,0,0,0.1);}
.pr-1 h3{font-size:1.15rem;color:#333;transition:all.2s ease;}
.pr-1 .pr-content{position:absolute;left:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem;text-align:center;transition:all .2s ease;background:#ffffffc7;width:100%;padding:15px;min-height:50px;bottom:0;}
.pr-1:hover .pr-content{background:#3279d6d7;padding:25px 5px;}
.pr-1:hover .pr-content h3{color:#fff;font-size:1.25rem;}
@media only screen and (max-width:1200px){.main-banner{height:auto;min-height:520px;background-size:100% auto;background-position:center;background-attachment:unset;background-repeat:no-repeat;}}
@media only screen and (max-width:768px){.main-banner{min-height:400px;background-size:cover;}#products-1{background:#003366;}}
#services{background:#fff;height:auto;}
#services>div{margin:0 auto;}
.sr-1{display:flex;transition:all .5s ease;transform:translateY(0);color:#333;overflow:hidden;box-sizing:border-box;background:#ffffffcb;border:1px solid #F3F3F3;border-radius:4px;width:100%;height:180px;align-items:center;justify-content:center !important;position:relative;}
.sr-1:hover{transform:translateY(-5px);background:#ffffff;box-shadow:0px 36px 15px rgba(0,0,0,0.01),0px 20px 12px rgba(0,0,0,0.05),0px 9px 9px rgba(0,0,0,0.09),0px 2px 5px rgba(0,0,0,0.1);}
.sr-1 h3{font-size:1.15rem;color:#333;transition:all.2s ease;}
.sr-1 .content{position:absolute;bottom:-100%;left:0;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;transition:all.2s ease;background:#ffffff;padding:25px;border-radius:4px;}
.sr-1:hover .content{bottom:0}
.sr-1 .content span{color:#3279d6}
.noResults{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:350px;}
#scrollDown{position:absolute;bottom:120px;right:50%;transform:translateX(50%);display:flex;align-items:center;}

:root{--primary-teal:#2cb5a9;--light-bg:#d6eff0;--text-dark:#333333;--text-gray:#7f7f7f;}
.workflow-box{max-width:1200px;width:100%;position:relative;margin:2rem auto;}
.workflow-line{position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:40px;height:100%;background-color:var(--light-bg);border-radius:25px;box-shadow:inset 2px 2px 5px rgba(0,0,0,0.05);z-index:1;}
.workflow-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;}
.workflow{width:50%;}
.workflow.right{text-align:left;margin-left:auto;padding-left:100px;}
.workflow.left{text-align:right;margin-right:auto;padding-right:100px;}
.workflow p{color:var(--text-gray);}
.workflow .title p{font-size:1.2rem;line-height:1;color:var(--text-dark);}
.workflow .title{position:relative;font-weight:bold;}
.workflow .title svg{width:50px;height:50px;position:absolute;left:-60px;top:-11px;}
.workflow.left .title svg{left:auto;right:-60px;transform:rotate(180deg);}
.workflow .title .svg-1{width:70px;height:70px;top:-20px;left:-135px;}
.workflow.left .title .svg-1{right:-135px;}
@media (max-width:767.9px){.workflow-line,.workflow .title .svg-1{display:none;}
.workflow-row{flex-direction:column;text-align:center;margin-bottom:0;}
.workflow{width:100%;margin:0 !important;text-align:left !important;padding:0 !important;}
.workflow .title{padding-left:35px;}
.workflow .title svg{width:30px;height:30px;left:0 !important;top:-8px;transform:rotate(0deg) !important;}}