h2{line-height:1.5}.text-blue{color:var(--bs-blue)}.card{--bs-card-border-radius: 1rem;--bs-card-inner-border-radius: 1rem}.function-header{background-image:url("https://pyramiusiamgehosting.blob.core.windows.net/public/www/images/OfficialSite/self-attendance-record/bg-header.jpg")}.function-header .text-content{max-width:unset}.function-header .text-heading-2{letter-spacing:.2rem}.function-header span{width:50%}@media screen and (max-width: 767px){.function-header span{width:100%}}.function-header:after{background-color:rgba(45,61,89,.8)}.function-header .highLight{color:#fce9b5}.function-header .CtaBtn{position:relative;display:inline-block;border-radius:50px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in}.function-header .CtaBtn::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50px;background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0));z-index:-1}.function-header .CtaBtn:hover{background:var(--gradient-blue-purple, linear-gradient(295deg, #0084E4 40%, #647AF1 98%));transform:scale(1.2)}.function-header .CtaBtn:hover::before{opacity:0}@keyframes slide{0%{visibility:hidden;opacity:0}6.25%{visibility:visible;opacity:1}25%{visibility:visible;opacity:1}31.25%,100%{visibility:hidden;opacity:0}}#section-function{position:relative;padding:3rem 0}#section-function .fixed-image-container{position:fixed;top:50%;right:0%;transform:translateY(-50%);width:50%;max-width:700px;height:600px;z-index:1;pointer-events:none;overflow:hidden}@media screen and (min-width: 1200px){#section-function .fixed-image-container{right:10%}}#section-function .fixed-image-container .function-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:none}#section-function .row{margin-bottom:4rem;min-height:500px}@media screen and (min-width: 992px){#section-function .row .col-12.col-lg-6:first-child{width:50%;max-width:50%;z-index:10;position:relative}}@media screen and (max-width: 991px){#section-function .row{min-height:auto;margin-bottom:3rem}#section-function .row .col-12.col-lg-6 img{margin-top:1rem;margin-bottom:2rem}}#section-context .row-per-121{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"context-card-1 context-card-1" "context-card-2 context-card-3" "context-card-4 context-card-4"}#section-context .row-per-121>*:nth-child(1){grid-area:context-card-1;background-position:bottom center}#section-context .row-per-121>*:nth-child(2){grid-area:context-card-2}#section-context .row-per-121>*:nth-child(3){grid-area:context-card-3}#section-context .row-per-121>*:nth-child(4){grid-area:context-card-4}@media screen and (max-width: 767px){#section-context .row-per-121{grid-template-columns:1fr;grid-template-areas:"context-card-1" "context-card-2" "context-card-3" "context-card-4"}}#section-context .row-per-121 .context-card{background-image:url("https://pyramiusiamgehosting.blob.core.windows.net/public/www/images/OfficialSite/self-attendance-record/img-context-01.jpg");background-size:cover;padding:100px 0}#section-context .row-per-121 .context-card .card-body{background-color:rgba(var(--purple-500-rgb), 0.8);padding:2rem;width:30%}#section-context .row-per-121 .context-card .card-body h2 span:nth-child(2){font-size:clamp(5rem,5vmax,4rem)}@media screen and (max-width: 767px){#section-context .row-per-121 .context-card .card-body{width:100%}}@media screen and (max-width: 767px){#section-context .row-per-121 .context-card{padding:80px 20px}}#section-context .row-per-121 .context-card:nth-child(2){background-image:url("https://pyramiusiamgehosting.blob.core.windows.net/public/www/images/OfficialSite/self-attendance-record/img-context-02.jpg");background-position:bottom center;padding:200px 0 0}#section-context .row-per-121 .context-card:nth-child(2) .card-body{background-color:rgba(26,38,50,.8)}#section-context .row-per-121 .context-card:nth-child(3){background-image:url("https://pyramiusiamgehosting.blob.core.windows.net/public/www/images/OfficialSite/self-attendance-record/img-context-03.jpg");padding:200px 0 0}#section-context .row-per-121 .context-card:nth-child(3) .card-body{background-color:rgba(26,38,50,.8)}#section-context .row-per-121 .context-card:nth-child(4){background-image:url("https://pyramiusiamgehosting.blob.core.windows.net/public/www/images/OfficialSite/self-attendance-record/img-context-04.jpg");background-position:center center;padding:150px 0}#section-context .row-per-121 .context-card:nth-child(4) .card-body{background-color:rgba(63,118,204,.8);margin-left:auto}.free-btn{padding:1rem .5rem;margin-left:-2rem}.free-btn img{width:75px;border-radius:.5rem}.free-btn:hover{transition:all .3s ease;scale:1.1}@media screen and (max-width: 575px){.free-btn{margin-left:0}}
