﻿.pers-benefits{background:#F8FAFB;}
/* Banner Section CSS Start Here */
.banner-section{height:688px;overflow:hidden;padding:120px 0;}
.banner-section h3{font-size:32px;line-height:38px;margin:0 0 12px;font-weight:600;}
.banner-section p{color:#222b2f;font-size:20px;line-height:28px;max-width:100%;margin:0 0 24px;}
.banner-section .banner-image-section{float:right;}
.banner-section .banner-video{max-width:100%;border-radius:16px;object-fit:cover;}
.banner-section .banner-images{position:absolute;bottom:-85px;top:auto;right:auto;left:-135px;display:flex;align-items:flex-end}
.banner-section .banner-img1{max-width:300px}
.banner-section .banner-img2{max-width:70px;margin-left:-20px;margin-bottom:20px}
.banner-section .banner-img3{max-width:130px;margin-bottom:30px}
/* Banner Section CSS End Here */

/* Comprehensive Platform Section CSS Start Here */
.comprehensive-platform{background:#fff;padding:64px 0;}
.comprehensive-platform .section-title {margin-bottom:32px;}
.comprehensive-platform h2{font-size:52px;line-height:60px;}
.comprehensive-platform h6{font-size: 16px;line-height: 20px;letter-spacing: 2px;text-transform: uppercase;color: #00497a;font-weight:600;}
.comprehensive-platform .flatform-list{display:grid;grid-template-columns:repeat(5,1fr)}
.comprehensive-platform .flatform{padding:32px 20px 0 15px;border-left:1px solid rgba(34,43,47,.08);min-height:228px}
.comprehensive-platform .flatform p{margin-bottom:0;position:relative;color:rgb(33,33,33,.7)}
.comprehensive-platform .flatform p span{font-weight:700;color:#00497a}
.comprehensive-platform .flatform p:before{content:"";position:absolute;left:-17px;background:#d64029;width:2px;height:24px;border-radius:10px}
.comprehensive-platform .flatform-icon{min-height:58px;width:58px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
/* Comprehensive Platform Section CSS End Here */

/* Pers Solution Section CSS Start Here */
.pers-solutions{padding:48px 0;}
.pers-solutions h2{margin-bottom:48px;font-size:32px;line-height:28px;font-weight:600;}
.pers-solutions .list{padding:0 16px;}
.pers-solutions .list li{position:relative;padding:0 0 0 32px;margin:0 0 8px !important;color:rgba(33,33,33,0.7)}
.pers-solutions .list li:before{background:url(https://nationscdn.azureedge.net/otc-container/images/pers/rounded-tick-secondary.svg) center center no-repeat;position:absolute;width:20px;height:20px;left:0;top:2px;content:""}
.pers-solutions .pers-options{background:#fff;padding:40px;border-radius:16px;height:100%}
.pers-solutions .image-part{height:256px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pers-solutions .image-part img{height:100%}
.pers-solutions h5{color:#00497a;text-align:center;margin-bottom:24px;font-weight:600;line-height:32px;}
.pers-solutions h5 span{font-size:16px;font-weight:600;line-height:20px;letter-spacing:2px;color:rgba(34,43,47,.64);text-transform:uppercase;display:block;margin-top:6px}
/* Pers Solution Section CSS End Here */

/* FAQ Section CSS Start Here */
.faq h2{font-size:32px;line-height:40px;font-weight:600;}
.faq p{font-size:20px;line-height:28px;}
/* FAQ Section CSS End Here */