@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

html,
body {
    background: #ececec;
    font-family: "Figtree", sans-serif;
}

body {
    padding: 14px;
}

.navCstmUl {
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.navCstmUlLft {
    width: 31.33%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 17px;
}

.navCstmUlLft div {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.navCstmUlRght {
    width: 68.66%;
    z-index: 1;
}

ul.sub-menu.dropdown-menu {
    min-width: 223px;
}

.customBreadcrumb li.current {
    color: #fff !important;
}

ul.customBreadcrumb li,
ul.customBreadcrumb li a {
    color: #79DCD3;
    text-decoration: none;
}

.civicoNavCstm {
    box-shadow: initial !important;
}

.home-heroBg {
    background: url("images/home-hero.png");
    min-height: 722px;
    background-size: cover;
    background-position: top center;
    padding-top: 34px;
    border-radius: 30px;
}

.civicoNavCstm {
    width: 93%;
    border-radius: 32px;
    padding: 17px 7px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

div.navCstmUlRght li.nav-item {
    padding: 0px 8px;
}

div.navCstmUlRght li a {
    color: #000000;
    font-weight: 400;
    font-family: "Figtree", sans-serif;
    font-size: 16px;
}

.navCstmUlLftSocl img {
    height: 40px;
}

.navCstmUlLftLogo img {
    height: 43px;
    width: auto;
}

.homeHereBanner h1 {
    font-weight: 700;
    font-size: 61px;
    line-height: 66px;
    color: #fff;
    margin-bottom: 20px;
    font-family: "Figtree", sans-serif;
}

.homeHereBanner h1 strong {
    font-weight: 700;
}

.homeHereBanner h1 span {
    display: block;
}

.homeHereBanner h1 strong {
    display: inline-block;
    color: #79DCD3;
}

.homeHereBanner p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.homeHereBanner {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 90px;
}

.navCstmUlRght ul.navbar-nav.ms-auto:last-child li:last-child a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 14px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 12px 20px;
    margin: 0px !important;
}

.navCstmUlRght ul.navbar-nav.me-auto,
.navCstmUlRght ul.navbar-nav.ms-auto {
    display: flex;
    align-items: center;
    margin: 0px;
}

.betterExpUpr h2 {
    color: #5733ad;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.betterExpLeft {
    padding-right: 30%;
}

.betterExpRght p {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.betterExpRght p:last-child {
    margin-bottom: 0px;
}

.expMoreBtn a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 13px 28px;
    margin: 0px !important;
    text-decoration: none;
    display: inline-block;
}

.expMoreBtn img {
    height: 12px;
    margin-left: 9px;
}

.expMoreBtn {
    margin-top: 70px;
}

.civicoDelUpr {
    background: url("images/civicoDelivery.png");
    background-size: cover;
    background-position: top center;
    padding: 64px 0px;
    border-radius: 30px;
}

.civicoDelRght img {
    width: 100%;
    border-radius: 15px;
}

.civicoDelLft h3 {
    color: #fff;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.civicoDelUpr label {
    color: #fff;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    display: block;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 12px;
}

.civicoDelLft h3 span {
    color: #79DCD3;
    font-weight: 600;
}

.civicoDelLft {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-right: 23%;
    height: 100%;
    justify-content: space-between;
}

.civicoDelArrow {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 40px;
}

.civicoDelLftInr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
    margin-top: 32px;
}

.demandUpr {
    background: #5A636A;
    padding: 65px 0px;
    border-radius: 30px;
    margin-top: 32px;
}

.demandLeft p {
    color: #fff;
    font-weight: 400;
    font-size: 27px;
    line-height: 37px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.demandLeft h4 {
    color: #79DCD3;
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.demandLeft h4 span {
    color: #fff;
}

.demandLeft p img {
    height: 29px;
    margin-left: 12px;
}

.demandLeft {
    padding-right: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
}

.demandMoreBtn a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 13px 28px;
    margin: 0px !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.demandRghtContain {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    padding-bottom: 38px;
    margin-bottom: 38px;
    border-bottom: 2px solid #D7DBDA;
}

.demandRghtContainLft img {
    height: 145px;
}

.demandRghtContainRght {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.demandRghtContainRght label {
    color: #79DCD3;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
    margin-bottom: 8px;
}

.demandRghtContainRght p {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 10px;
}

.demandRghtContainRght img {
    height: 29px;
}

.demandRghtContainRght span {
    color: #79DCD3;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
}

.demandRght .demandRghtContain:last-child {
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}

.videoSectionUpr {
    background: url("images/videoBg.png");
    background-size: cover;
    background-position: top center;
    padding: 64px 0px;
    margin-top: 32px;
    border-radius: 30px;
}

.videoSectionimg img {
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.homeContactUs {
    background: url("images/contactbg3.png");
    /* background: linear-gradient(90deg, #6038C1 0%, #4C2D99 100%); */
    background-size: cover;
    background-position: center center;
    padding: 64px 0px;
    margin-top: 32px;
    border-radius: 30px;
}

.makeBtrTxt h5 {
    color: #79DCD3;
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 18px;
}

.makeBtrTxt p {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    font-family: "Figtree", sans-serif;
    margin-bottom: 30px;
    margin-right: 28%;
}

.contactField {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 54px;
}

.contactField input {
    width: 100%;
    background: transparent;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 14px 0px;
    margin-bottom: 14px;
    color: #ffffff;
    line-height: 30px;
    font-weight: 400;
    font-size: 22px;
}

.contactField div {
    flex: 1 1;
    position: relative;
}

.contactField input {
    width: 100%;
    background: transparent;
    outline: none !important;
    border: none;
    border-bottom: 1px solid #79DCD3;
    padding: 12px 0px;
    margin-bottom: 12px;
}

.contactField img {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.contactField img {
    position: absolute;
    right: 1px;
    bottom: 23px;
    height: 27px;
}

/* Chrome, Safari, Edge, Opera */
.contactField input::placeholder {
    color: #fff;
    /* your color */
    opacity: 1;
    /* ensures it's not too light in Firefox */
}

/* Firefox 19+ */
.contactField input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

/* Firefox 4 - 18 */
.contactField input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

/* Internet Explorer 10-11 */
.contactField input:-ms-input-placeholder {
    color: #fff;
}

/* Microsoft Edge (older versions) */
.contactField input::-ms-input-placeholder {
    color: #fff;
}

.contactFieldBtn button {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 8px 25px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    margin-top: 42px;
}

.homeContactUsLft img {
    width: 80%;
}

/* .homeContactUs .container {
    max-width: 100%;
    padding: 0px;
} */

.btmcontactMain {
    width: 85%;
    max-width: 617px;
}

.footerLogo img {
    height: 64px;
}

.footerSocial img {
    height: 42px;
}

.footerLogoRw {
    margin-bottom: 32px;
}

.footerLogoRw,
.footerPrtnerRw,
.footerCyberRw {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 23px;
}

.footerSocial {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2px;
}

footer.webFooter {
    background: #FFFFFF;
    padding: 64px 0px;
    margin-top: 48px;
    border-radius: 30px;
}

.footerPrtnerRw img,
.footerCyberRw img {
    height: 83.59px;
}

.webFooterleft {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footerLogoRw div,
.footerPrtnerRw a,
.footerCyberRw a {
    flex: 0 35%;
}

.webFooterRght {
    display: flex;
}

.webFooterRght .webFooterRghtItm1 {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.webFooterRghtItm1 label {
    display: block;
    color: #7851A9;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 32px;
    font-family: "Figtree", sans-serif;
}

.webFooterRghtItm1 ul li {
    display: block;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 14px;
    font-family: "Figtree", sans-serif;
}

.webFooterRghtItm1 ul li a {
    color: #000;
    text-decoration: none;
}

.webFooterleft img {
    cursor: pointer;
}

.webFooterRghtItm1 ul {
    padding: 0px;
}

.bannerTalk {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.bannerLetsTalk a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 8px 26px;
    margin: 0px !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.bannerTalk div:first-child {
    border: 13px solid #ffffff59;
    border-radius: 123px;
}

.bannerTalk div:first-child img,
.bannerTalk div:last-child img {
    height: 140px;
}

.bannerLetsTalk {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    width: 100%;
    padding: 0px 2.5%;
}

.bannerLetsTalk span {
    height: 55px;
    width: 55px;
    background: #79DCD3;
    display: inline-block;
    border-radius: 40px;
}

.footerContact ul {
    padding: 17px 10px;
    margin: 0px;
    text-align: center;
}

.footerContact li {
    position: relative;
    padding-left: 18px;
    margin: 3px 5px;
    display: inline-block;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    font-family: "Figtree", sans-serif;
}

.footerContact li:after {
    content: "";
    height: 5px;
    width: 5px;
    background: #000;
    position: absolute;
    border-radius: 17px;
    top: 7px;
    left: 3px;
}

.civicoMeeting h4 {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 300;
    font-size: 50px;
    line-height: 64px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 42px;
}

.civicoMeetLbl span,
.civicoMeetLbl p {
    display: inline-block;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    line-height: 27px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 0px;
}

.civicoMeetLbl label {
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 10px;
    border-radius: 48px;
    padding-left: 21px;
}

.civicoMeetSlide {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.civicoMeetArow a {
    cursor: pointer;
}

.civicoMeetArow {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.civicoMeetUpr {
    margin: 105px 0px 70px;
}

.trustedBy ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.trustedBy ul li img {
    width: 167px !important;
    height: auto;
}

.trustedBy ul li {
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
}

.trustedBy .owl-carousel .owl-stage {
    align-items: center;
    display: flex;
}

.trustedBy h6 {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 300;
    font-size: 36px;
    line-height: 64px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    text-align: center;
    margin-bottom: 38px;
}

.trustedBy {
    margin-top: 60px;
    margin-bottom: 60px;
}

.civicoMeetLbl img {
    height: 60px !important;
    width: auto !important;
}

.civicoMeetArow img {
    height: 29px !important;
}

div#mainNav .current_page_item a {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* End of Home screen Design */

/* Start of Solution */
.solution-heroBg {
    background: url("images/solutionBg.png");
    background-size: cover;
    background-position: top center;
    padding-top: 34px;
    border-radius: 30px;
}

.onePlatform h1,
.onePlatform h2 {
    font-weight: bold;
    font-size: 61px;
    line-height: 66px;
    color: #fff;
    margin-bottom: 0px;
    font-family: "Figtree", sans-serif;
}

.onePlatform h2 {
    color: #79DCD3;
}

.onePlatform p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-top: 20px;
}

.onePlatform p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

ul.customBreadcrumb li {
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #79DCD3;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    padding-right: 12px;
    margin-right: 12px;
    position: relative;
}

ul.customBreadcrumb li:after {
    content: "/";
    position: absolute;
    right: -6px;
    top: 0px;
}

ul.customBreadcrumb li:last-child::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 0px;
}

ul.customBreadcrumb {
    padding: 0px;
    margin: 0px;
}

.solutionBnrTxt {
    min-height: 572px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 52px;
    padding-bottom: 52px;
}

.setupManagerImg img {
    width: 100%;
    height: auto;
    border-radius: 30px;
    object-fit: cover;
}

.setupManagerRght p {
    margin: 0px;
}

.setupManagerLft label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 28px;
    display: block;
}

.setupManagerLft a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 13px 28px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 32px;
}

.setupManagerLft a img {
    height: 12px;
    margin-left: 9px;
}

.setupManagerRght div {
    font-weight: 460;
    font-size: 30px;
    line-height: 37px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.setupManagerRght p {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 0px;
}

.setupManager {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.setupManagerUpr .container {
    max-width: 100%;
}

.setupManagerUpr {
    background: #fff;
    border-radius: 30px;
    padding: 20px 8px;
    padding-left: 70px;
    position: relative;
    margin-top: 32px !important;
}

a.arrowDigitalLink {
    position: absolute;
    left: 0px;
    top: 51px;
}

a.arrowDigitalLink img {
    height: 24px;
}

.liveMeetingUpdate {
    background: url("images/videoBg.png");
    background-size: cover;
    background-position: top center;
}

.liveMeetingUpdate .setupManagerLft label {
    background: initial;
    color: #FFFFFF !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.liveMeetingUpdate .setupManagerRght div {
    background: initial;
    color: #79DCD3 !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.liveMeetingUpdate .setupManagerRght p {
    color: #FFFFFF;
}

.smartMediaUpdate {
    background: #79DCD3;
}

.smartMediaUpdate .setupManagerLft a {
    color: #fff;
}

.smartMediaUpdate .setupManagerLft a {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
}

.MobileFooterShow {
    display: none;
}

.navCstmUl button.navbar-toggler {
    border: none !important;
    padding: 3px !important;
    outline: none !important;
    box-shadow: initial !important;
}

.mobileSolution {
    display: none;
}

/* End of Solution */

/* About us Screen */
.aboutBanner {
    background: url("images/aboutBanner.png");
    background-size: cover;
    background-position: top center;
    padding-top: 34px;
}

.betterExpUpr {
    margin: 110px 0px;
}

.sectorRootLeft h3 {
    color: #5733ad;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 32px;
}

.sectorRootLeft p {
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.sectorRootRght img {
    width: 100%;
    border-radius: 18px;
}

.sectorRootLeft div p:last-child {
    margin-bottom: 0px;
}

.sectorRootArow {
    margin-bottom: 36px;
}

.sectorRootUpr {
    margin: 90px 0px;
}

.sectorRootLeft {
    padding-right: 4%;
}

.oneSystemUpr {
    background: url("images/oneSystem.png");
    min-height: 722px;
    background-size: cover;
    background-position: top center;
    padding-top: 34px;
    border-radius: 24px;
}

.sectorRootLeft h4 {
    color: #fff;
    font-weight: 700;
    font-size: 54px;
    line-height: 68px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.sectorRootLeft h4 img {
    height: 34px;
    margin-left: 18%;
}

.workBetterLft h4 {
    color: #5733ad;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 32px;
}

.workBetterLft p {
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.workBetterLft p:last-child {
    margin-bottom: 0px;
}

.workBetterRght ul {
    padding: 0px;
    margin: 0px;
}

.workBetterRght ul li {
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 27px;
    list-style-type: none;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.workBetterRght ul li:last-child {
    margin-bottom: 0px;
}

.workBetterRght p {
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 40px;
    list-style-type: none;
    position: relative;
}

.workBetterRght ul li img {
    height: 52px;
}

.workBetterUpr {
    margin: 90px 0px;
}

.personAhead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 0px 18px 38px;
    position: relative;
    background: #ffffff;
    border-radius: 52px;
}

.personAheadImg {
    position: absolute;
    right: 0px;
    top: -20px;
    text-align: center;
}

.personAheadImg img {
    height: 127px;
    border: 11px solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 64px;
}


.personInfo label {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
}

.personInfo p {
    color: #000000;
    font-weight: 400;
    font-size: 19px;
    line-height: 25px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
}

.personInfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 56%;
}

.personInfo img {
    height: 22px;
}

.personSocial img {
    height: 34px;
}

.personSocial {
    display: flex;
    flex-direction: row;
    gap: 9px;
    margin-left: 40px;
    margin-top: 15px;
}

.meetTeamUpr {
    background: linear-gradient(90deg, #4C2D99 0%, #6038C1 100%);
    padding: 62px 42px;
    border-radius: 30px;
}

.meetTeamLft h5 {
    color: #ffffff;
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 12px;
}

.meetTeamLft h5 span {
    color: #79DCD3;
    display: block;
}

.meetTeamLft p {
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    color: #ffffff;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.meetTeamLft p:last-child {
    margin-bottom: 0px;
}

.meetTeamLft {
    padding-right: 17%;
}

.meetTeamRght {
    padding-left: 8%;
}

/* End of About us Screen */


.exploreMoreHm {
    display: none;
}

.exploreMoreHm a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 8px 26px;
    margin: 0px !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.civicoDelRght img {
    border-radius: 15px;
}

.sectorRootRghtMob {
    display: none;
}

.personAhead {
    position: initial;
}

.personAheadMain {
    position: relative;
}

.personAheadSpr {
    margin-bottom: 32px;
}

.personAheadSpr:last-child {
    margin-bottom: 0px;
}

/* Meeting Manager */
.meetingHead {
    background: linear-gradient(90deg, #6038C1 0%, #4C2D99 100%);
    padding: 32px 0px;
    border-radius: 30px;
}

.meetingHead ul.customBreadcrumb {
    margin-top: 45px;
}

.MeetMnger h1 {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
}

.MeetMngerRght {
    text-align: right;
}

.structMeet h2 {
    color: #5733ad;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    padding-right: 28%;
}

.structMeet p {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.structMeet p:last-child {
    margin-bottom: 0px;
}

.structMeet p strong {
    font-weight: 700 !important;
}

.meetArowSet {
    margin-top: 40px;
    margin-bottom: 46px;
}

.meetManagerMain {
    margin-top: 74px;
}

.meetSystemUpr {
    margin-top: 110px;
    background: url("images/meetBg.png");
    min-height: 722px;
    background-size: cover;
    background-position: top center;
    padding-top: 34px;
    border-radius: 24px;
}

.meetRootLeft {
    padding-right: 4%;
}

.meetRootLeft h4 {
    color: #fff;
    font-weight: 700;
    font-size: 54px;
    line-height: 68px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.meetRootLeft h4 img {
    height: 34px;
    margin-left: 32px;
}

.everyStep label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 55px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: inline-block;
    width: auto;
    max-width: 60%;
}

.everyStep {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 58px;
}

.everyStepUpr {
    margin-top: 110px;
    margin-bottom: 110px;
}

.agendaUpr {
    background: #fff;
    border-radius: 20px;
    padding: 30px 30px 35px 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 41px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.swiper-container {
    overflow: visible;
    width: 100%;
    max-width: 100%;
}

.swiper-slide {
    opacity: 0.4;
    transform: scale(0.85);
    transition: all 0.3s ease;
    margin-bottom: 24px;
}

.swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.agendaLft label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    font-size: 41px;
    line-height: 51px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
    margin-bottom: 21px;
}

.agendaLft p {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.agendaRght span {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 315px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: block;
    line-height: 232px;
}

.agendaLft {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 12px;
    min-height: 310px;
    padding-right: 32%;
}

.agendaLft label {
    color: #5733ad;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.agendaLft p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 0px;
}

.everyStepUpr {
    overflow: hidden;
}

/* End of Meeting Manager */

/* Contact us screen */
.contact-heroBg {
    background: url("images/hero-contact.png");
    background-size: cover;
    background-position: top center;
}

.onePlatform-contact h1 {
    color: #79DCD3;
}

.onePlatform-contact h2 {
    color: #fff;
}

.betterExpUpr h3 {
    color: #5733ad; 
    font-weight: 400; 
    font-size: 46px; 
    line-height: 52px; 
    font-family: "Figtree", sans-serif; 
    margin: 0px;
}

.expectUpr {
    background: linear-gradient(90deg, #6038C1 0%, #4C2D99 100%);
    padding: 62px 42px;
    border-radius: 30px;
}

.expectRght img {
    width: 100%;
}

.expectLeft ul {
    margin: 0px;
    padding: 0px;
}

.expectLeft ul li {
    font-weight: 300;
    font-size: 28px;
    line-height: 33px;
    color: #fff;
    font-family: "Figtree", sans-serif;
    list-style-type: none;
    position: relative;
    margin-bottom: 43px;
    padding-bottom: 21px;
    padding-right: 90px;
    border-bottom: 1px solid #ffdf;
}

.expectLeft ul li:last-child {
    margin-bottom: 0px;
}

.expectLeft ul li:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background: url("images/right-Icon.svg");
    background-size: contain;
    background-position: top left;
    height: 29px;
    width: 69px;
    background-repeat: no-repeat;
}

.expectLeft {
    padding-right: 9%;
    padding-bottom: 52px;
}

.expectLeft h4 {
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin-top: 32px;
    margin-bottom: 42px;
    display: block;
    color: #79DCD3;
}

.expectArrow img {
    height: 29px;
    margin-bottom: 24px;
}

.preferGetTxt h5 {
    font-weight: 700;
    font-size: 50px;
    line-height: 55px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 42px;
    display: block;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.preferGetCnct label {
    display: block;
    font-weight: 400;
    font-size: 38px;
    line-height: 33px;
    color: #000000;
    font-family: "Figtree", sans-serif;
    list-style-type: none;
    position: relative;
    margin-bottom: 7px;
}

.preferGetCnct a {
    font-size: 38px;
    line-height: 44px;
    font-weight: 400;
    font-family: "Figtree", sans-serif;
    margin-top: 11px;
    margin-bottom: 18px;
    display: block;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.preferGetRght p {
    display: block;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    font-family: "Figtree", sans-serif;
    position: relative;
    margin-bottom: 0pc;
}

.preferGet {
    margin: 110px 0px;
}

.expectUpr .owl-dots button {
    background: #7389c5 !important;
    width: 24px;
    height: 24px;
    border-radius: 36px;
    margin: 0px 10px;
}

.expectUpr button.owl-dot.active {
    background: #79DCD3 !important;
}

.expectUpr .owl-dots button.owl-dot:first-child {
    margin-left: 0px;
}

.expectUpr .owl-dots {
    position: absolute;
    left: 30px;
    bottom: 0px;
}

/* End of Contact us */

/* Faq Screen */
.faqContent .ea-card.sp-ea-single .ea-header:after {
    content: "";
    background: url("images/plus.svg");
    width: 27px;
    height: 27px;
    position: absolute;
    right: 20px;
    top: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.faqContent .ea-card.sp-ea-single.ea-expand .ea-header:after {
    content: "";
    background: url("images/minus.svg");
    width: 27px;
    height: 27px;
    position: absolute;
    right: 20px;
    top: 36px;
    background-size: contain;
    background-repeat: no-repeat;
}

.solutionBnrTxt {
    min-height: 572px;
}

.solution-heroBg {
    border-radius: 30px;
}

.onePlatform h2 {
    margin-bottom: 0px;
}

.onePlatform p {
    margin-top: 20px;
}

.faqContent .ea-card.sp-ea-single {
    border-radius: 30px !important;
    background-color: #ffffff !important;
}

.faqContent h3.ea-header a {
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #000000 !important;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    padding: 26px !important;
    padding-right: 68px !important;
    z-index: 111;
    position: relative;
}

.faqContent .ea-body p {
    font-weight: 300;
    font-size: 19px;
    line-height: 30px;
    color: #000000;
    font-family: "Figtree", sans-serif;
    margin: 0px !important;
}

.faqContent i.ea-expand-icon.eap-icon-ea-expand-plus,
.faqContent i.ea-expand-icon.eap-icon-ea-expand-minus {
    display: none;
}

.faqContent .ea-body {
    border-radius: 30px !important;
    padding: 26px !important;
    padding-top: 0px !important;
}

.faqContent {
    margin-top: 85px;
    margin-bottom: 85px;
}

.faqBanner h1 {
    color: #79DCD3;
}

.faqContent h3.ea-header {
    position: relative;
}

.faqCta h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.faqCtaIner {
    padding: 0px 26px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.faqCta p {
    font-weight: 300;
    font-size: 19px;
    line-height: 30px;
    color: #000000;
    font-family: "Figtree", sans-serif;
    margin: 12px 0px 22px;
}

.faqCta a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 12px 20px;
    display: inline-block;
    width: initial;
    text-decoration: none;
}

.faqCtaIner {
    padding: 0px 26px;
}

/* End of Faq Screen */

/* Blog  */
.blogBanner h1 span {
    color: #79DCD3;
}

.blogBetterExpUpr .betterExpLeft {
    padding-right: 14%;
}

.blogItemImg img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
}

.blogItemLbl label {
    display: block;
    color: #5733ad;
    font-weight: 300;
    font-size: 35px;
    line-height: 42px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 18px;
}

.blogItemIcn span {
    display: block;
    color: #030E19;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.blogItemIcn img {
    height: 26px;
}

.blogItemIcn div {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    padding: 7px 16px 7px 10px;
    border-radius: 30px;
    gap: 10px;
}

.blogItemIcn {
    display: flex;
    flex-direction: row;
    gap: 23px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.blogItem {
    margin-bottom: 35px;
}

.loadMoreBtnUpr {
    margin-top: 20px;
    margin-bottom: 90px;
    text-align: center;
}

button.loadMoreBtn {
    border: none;
    color: #000000;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: "Figtree", sans-serif;
    background: #fff;
    display: inline-flex;
    gap: 12px;
    padding: 12px 18px;
    border-radius: 30px;
    cursor: pointer;
    margin: 0px;
    align-items: center;
}

.blogBetterExpUpr .betterExpLeft {
    padding-right: 0px;
}

.loadMoreBtn img {
    width: 18px;
}

.blogItemLbl label a {
    display: block;
    color: #5733ad;
    font-weight: 300;
    text-decoration: none;
}

.singleFeatured img {
    width: 100%;
    height: auto;
}

.singleTitleLeft h1 {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin: 0;
    display: block;
}

.singleTitle .blogItemIcn {
    margin: 0;
}

.singleTitle {
    margin-top: 80px;
}

a.singleTitleArow {
    display: block;
    margin-top: 80px;
}

.betterExpUprContact {
    margin-top: 60px;
}

.singleTitleLeft,
.singleTitleRght {
    margin-top: 20px;
}

/* Ends of Blog  */

.betterExpUpr h3 {
    color: #5733ad;
    font-weight: 400;
    font-size: 46px;
    line-height: 52px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.personSocial a {
    margin-right: 10px;
}

/* Case Study */
.caseStudyBnr .onePlatform h1 span {
    color: #79DCD3;
    display: block;
}

.caseStudyBnr .onePlatform h1 {
    margin-bottom: 18px;
}

.councilManagerUpr {
    background: #fff;
    border-radius: 30px;
    padding: 20px 8px;
    padding-left: 70px;
    position: relative;
    margin-top: 32px !important;
}

a.councilDigitalLink {
    position: absolute;
    left: 0px;
    top: 51px;
}

a.councilDigitalLink img {
    height: 24px;
}

.councilManager {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.councilManagerLft label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 32px;
    display: block;
}

.councilManagerLft a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 13px 28px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 32px;
}

.councilManagerLft a img {
    height: 12px;
    margin-left: 9px;
}

.councilManagerRght {
    padding-bottom: 24px;
}

.councilManagerRght div {
    font-weight: 460;
    font-size: 30px;
    line-height: 37px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.councilManagerRght p {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 0px;
}

.councilManagerImg img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.councilManagerLft a img {
    height: 12px;
    margin-left: 9px;
}

div.whiteManagerUpr {
    background: linear-gradient(90deg, #6038C1 0%, #4C2D99 100%);
    margin-bottom: 99px;
}

div.whiteManagerUpr .councilManagerLft label {
    background: initial;
    color: #FFFFFF !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.whiteManagerUpr .councilManagerRght div {
    background: initial;
    color: #79DCD3 !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.whiteManagerUpr .councilManagerRght p {
    color: #FFFFFF !important;
}

.councilManagerUpr .container {
    max-width: 100%;
}

/* End of Case Study */
.videoSectionimg video {
    border-radius: 30px;
    display: block;
}

.civicoDelArrow img {
    cursor: pointer;
}

.navCstmUl button.navbar-toggler img {
    height: 28px;
    cursor: pointer;
}

.liveMeetImgMob {
    display: none;
}

.footerContact li a {
    color: #000;
    text-decoration: none;
}


/* Privacy Policy  */

.carbonReductionTxt p:empty {
    display: none;
}

.civicoPrvcyH1 h1 {
    font-weight: 600;
    line-height: 66px;
    color: #1d2c38;
    margin-top: 60px;
    margin-bottom: 70px;
    font-family: "Figtree", sans-serif;
    font-size: 3.8rem;
}

.latestUpdateText label {
    color: #1d2c38;
    font-weight: 300;
    line-height: 40px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 24px;
    font-size: 2.2rem;
    display: block;
}

.latestUpdateText p {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 300;
    margin-bottom: 1.5em;
}

.latestUpdateText ul li {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 23px;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 300;
    margin-bottom: 8px;
}

.latestUpdateText p:last-child {
    margin-bottom: 0px;
}

.dividerLine {
    border-top: 2px solid;
    border-bottom: 1px solid;
    background-color: #6735c9;
    color: #6735c9;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.latestUpdateText a {
    color: #6735c9;
    text-decoration: none;
}

.latestUpdateText strong {
    font-weight: 500;
}

/* terms condition */
.policyLinks ul li a {
    color: #6735c9;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    text-decoration: none;
}

.policyLinks ul li a:active,
.policyLinks ul li a:focus,
.policyLinks ul li a:hover {
    color: #191970;
}

.policyLinks ul li a:hover {
    color: #48258c;
    text-decoration: underline;
}

/* Procurement css */
.proPolicyTxt div h1 {
    font-weight: 600;
    line-height: 66px;
    color: #1d2c38;
    margin-top: 60px;
    margin-bottom: 20px;
    font-family: "Figtree", sans-serif;
    font-size: 3.8rem;
}

.proPolicyTxt div p,
.proPolicyTxt div ul li {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 300;
    margin-bottom: 4px;
}

.proPolicyTxt div ul {
    margin-left: 1rem;
    margin-bottom: 0px;
    padding-left: 30px;
}

.proPolicyTxt h2,
.proPolicyTxt h3,
.proPolicyTxt h4,
.proPolicyTxt h5,
.proPolicyTxt h6,
.proPolicyTxt label {
    color: #1d2c38;
    font-weight: 500;
    line-height: 34px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 12px;
    font-size: 2.1rem;
    display: block;
}

.proPolicyTxt div {
    margin-bottom: 35px;
}

figure.authorSign {
    margin-top: 14px;
}

div.procurement-policyDivider {
    border-top: 2px solid #1d2c38;
    border-bottom: 1px solid #1d2c38;
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: block;
}

/* Carbun reduce */
.crbnRduceH1 h1 {
    font-weight: 600;
    line-height: 66px;
    color: #1d2c38;
    margin-top: 60px;
    margin-bottom: 0px;
    font-family: "Figtree", sans-serif;
    font-size: 3.8rem;
}

.reduceCarbonTxt p,
.reduceCarbonTxt ul {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 300;
    margin-bottom: 1.5em;
}

.reduceCarbonTxt p:last-child {
    margin-bottom: 0px;
}

.reduceCarbonTxt ul {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
}

.dividerLine {
    border-top: 2px solid;
    border-bottom: 1px solid;
    background-color: #6735c9;
    color: #6735c9;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.reduceCarbonTxt label {
    color: #1d2c38;
    font-weight: 500;
    line-height: 36px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 22px;
    font-size: 2.1rem;
    display: block;
}

.reduceCarbonTxt div strong {
    color: #1d2c38;
    font-size: 1.3rem;
    line-height: 1.4;
    font-style: normal;
    font-family: "Figtree", sans-serif;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

.reduceCarbonTxt div {
    margin-bottom: 16px;
}

div.reduceCarbonSpc {
    margin-bottom: 31px;
}

.authorSignUpr p {
    margin-bottom: 6px;
}

div.authorSignUpr strong {
    margin-bottom: 0px;
}

/* Case single detail css */
.caseDetailSwiper {
    overflow: hidden;
}

.structCase label {
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    margin: 0px;
    display: block;
    margin-bottom: 22px;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Figtree", sans-serif;
}

.caseSingleBaner img {
    width: 100%;
    border-radius: 15px;
}

.caseSingleBaner {
    margin-top: 92px;
    margin-bottom: 92px;
}

.caseSingleTime div {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    padding: 7px 16px 7px 10px;
    border-radius: 30px;
    gap: 10px;
}

.caseSingleTime img {
    height: 26px;
}

.caseSingleTime span {
    display: block;
    color: #030E19;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
}

.caseSingleLabl h1 {
    background: linear-gradient(270deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 61px;
    line-height: 68px;
    font-family: "Figtree", sans-serif;
    margin: 0;
    display: block;
}

.caseSingleLabl {
    margin-top: 80px;
}

.caseArowSet {
    margin-top: 40px;
    margin-bottom: 46px;
}

.structCase h2,
.structCase h3 {
    color: #5733ad;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    padding-right: 28%;
}

.structCase label {
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    margin: 0px;
    display: block;
    margin-bottom: 22px;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Figtree", sans-serif;
}

.structCase p,
.structCase li {
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
}

.structCase p:last-child {
    margin-bottom: 0px;
}

.caseArowSet {
    margin-top: 70px;
    margin-bottom: 70px;
}

.caseSingleTime {
    display: flex;
    flex-direction: row;
    gap: 23px;
    align-items: flex-end;
    justify-content: flex-end;
}

.structCaseNw p {
    margin-bottom: 42px;
}

.setUpCase {
    margin-bottom: 92px;
    margin-top: 92px;
}

.IntegCaseUpr {
    margin-top: 110px;
}

.IntegCase label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    font-size: 52px;
    line-height: 60px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    display: inline-block;
}

.IntegCase {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 58px;
}

.agendaSwpr img {
    width: 100%;
    height: auto;
}

.IntegCaseLbl,
.IntegCaseArow {
    width: 50%;
}

.IntegCaseArow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
}

.IntegCaseArowMob {
    display: none;
}

.caseDetailSlider .swiper-slide {
    max-height: 655px !important;
    border-radius: 30px;
    overflow: hidden;
}

.caseDetailSlider .swiper-slide img {
    width: 100% !important;
    border-radius: 30px !important;
}

/* Home screen Changes */
.civicoDelLftInr img {
    height: 100px;
    width: initial !important;
}

.civicoDelRght img {
    width: 100% !important;
    height: auto;
}

.civicoDelLftInr p {
    display: none;
}

.homeVideoBanner {
    position: relative;
    height: 100%;
}

.homeVideoUpr {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    height: 100%;
    padding: 2%;
    background: #2e1a597d;
    border-radius: 30px;
}

.homeVideoBanner video {
    border-radius: 30px;
    display: block;
    width: 100%;
}

.homePersonConnect {
    width: 100%;
    margin: 0 auto;
}

.homeVideoBanner video {
    height: 100%;
    object-fit: cover;
}

/* End of Home screen Changes */


/* Case Stydy css */
.caseStudyBnr .onePlatform h1 span {
    color: #79DCD3;
    display: block;
}

.caseStudyBnr .onePlatform h1 {
    margin-bottom: 18px;
}

.councilManagerUpr {
    background: #fff;
    border-radius: 30px;
    padding: 20px 8px;
    padding-left: 70px;
    position: relative;
    margin-top: 32px !important;
}

a.councilDigitalLink {
    position: absolute;
    left: 0px;
    top: 51px;
}

a.councilDigitalLink img {
    height: 24px;
}

.councilManager {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20%;
    padding-top: 14px;
    padding-bottom: 14px;
}

.councilManagerLft label {
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 50px;
    line-height: 57px;
    font-family: "Figtree", sans-serif;
    margin: 0px;
    margin-bottom: 32px;
    display: block;
}

.councilManagerLft a {
    background: #79DCD3;
    border: none;
    border-radius: 50px;
    font-weight: 400;
    font-size: 20px;
    font-family: "Figtree", sans-serif;
    color: #000000;
    padding: 13px 28px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 32px;
}

.councilManagerLft a img {
    height: 12px;
    margin-left: 9px;
}

.councilManagerRght {
    padding-bottom: 24px;
}

.councilManagerRght div {
    font-weight: 460;
    font-size: 30px;
    line-height: 37px;
    font-family: "Figtree", sans-serif;
    margin-bottom: 24px;
    background: linear-gradient(90deg, #4C2D99, #6038C1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.councilManagerRght p {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "Figtree", sans-serif;
    margin-bottom: 0px;
}

.councilManagerImg img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.councilManagerLft a img {
    height: 12px;
    margin-left: 9px;
}

div.whiteManagerUpr {
    background: linear-gradient(90deg, #6038C1 0%, #4C2D99 100%);
    margin-bottom: 99px;
}

div.whiteManagerUpr .councilManagerLft label {
    background: initial;
    color: #FFFFFF !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.whiteManagerUpr .councilManagerRght div {
    background: initial;
    color: #79DCD3 !important;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.whiteManagerUpr .councilManagerRght p {
    color: #FFFFFF !important;
}

.councilManagerUpr .container {
    max-width: 100%;
}

/* End of Case Stydy css */

/* Header extra css */
/* Hover css */
.bannerLetsTalk a, .expMoreBtn a,
.demandMoreBtn a, .contactFieldBtn button {
    border: 1.5px solid #79DCD3;
}
.whiteArow {
    display: none;
  }
  .expMoreBtn a {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  .bannerLetsTalk a:hover, 
  .expMoreBtn a:hover,
  .demandMoreBtn a:hover,
  .contactFieldBtn button:hover {
    background: transparent;
    color: #fff;
    border-color: #ffffff !important;
  }
  .bannerLetsTalk a:hover .whiteArow,
  .expMoreBtn a:hover .whiteArow,
  .demandMoreBtn a:hover .whiteArow,
  .contactFieldBtn button:hover .whiteArow {
    display: block;
  }
  .bannerLetsTalk a:hover .blackArow,
  .expMoreBtn a:hover .blackArow,
  .demandMoreBtn a:hover .blackArow,
  .contactFieldBtn button:hover .blackArow {
    display: none;
  }
  
  li#menu-item-18 .dropdown-menu { display: none; }
  li#menu-item-18 .dropdown-menu.show { display: block; }
  .personSocial a { margin: 0px 4px;}
  .mobileMenuHead {display: none;}
  .menu-header-solution-mobile-menu-container a {text-decoration: none;}
  ul.navbar-nav.ms-auto li:last-child {background: #79DCD3;border-radius: 23px;}

@media (min-width: 1800px){ .container {max-width: 90%;}}

@media (min-width: 1567px) {
    .setupManagerUpr {
        max-width: 1366px;
        margin: 0 auto;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1366px;
    }
}

@media (max-width: 1167px) {
    .agendaLft {
        padding-right: 4%;
    }

    .agendaRght span {
        font-size: 215px;
        line-height: 211px;
    }
}

@media (max-width: 1092px) {

    .footerPrtnerRw img,
    .footerCyberRw img {
        height: 50.59px;
    }

    .footerLogo img {
        height: 42px;
    }

    .footerSocial img {
        height: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1268px) {
    .navCstmUlLft {
        width: 23.33%;
    }

    .navCstmUlLftLogo img {
        height: 30px;
        width: auto;
    }

    .navCstmUlLftSocl img {
        height: 30px;
    }

    div.navCstmUlRght li a {
        font-size: 14px;
    }

    div.navCstmUlRght li.nav-item {
        padding: 0px 4px;
    }
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    /* Extra nav css */
    .solution-submenu {
        display: none !important;
      }
      .navbar-nav .dropdown-menu {
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        min-height: auto !important;
        border: 1px solid rgba(0,0,0,.15) !important;
        margin: 0 !important;
        padding: 0.5rem 0 !important;
        margin-top: 0 !important;
        display: none !important;
      }
      .dropdown-menu.show {
        display: block !important;
      }
      .main-menu-content .dropdown-toggle:after {
        display: none;
      }
      .navbar .dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0;
      }
      .main-menu-content {
          display: flex !important;
          align-items: center;
          margin: 0px;
          flex-direction: row;
          width: 100%;
      }
      .navCstmUlRght .menu-item-has-children a.dropdown-toggle:before {
        content: "+";
        position: absolute;
        top: 6px;
        font-size: 19px;
        right: 1px;
      }
}

@media (max-width: 991px) {
    .mobileMenuHead img {
        outline: none;
        border: none;
        cursor: pointer;
    }

    .navCstmUlLft {
        width: 100%;
        justify-content: flex-start;
    }

    .navCstmUlLft div {
        flex: initial;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 94%;
    }

    .btmcontactMain {
        width: 100%;
        max-width: initial;
    }

    .homeContactUs .container {
        max-width: 94%;
        padding: initial;
    }

    .bannerTalk div:first-child img,
    .bannerTalk div:last-child img {
        height: 90px;
    }

    .bannerLetsTalk span {
        height: 35px;
        width: 35px;
    }

    .addMobArrow li a {
        position: relative;
    }

    .navCstmUlRght ul.navbar-nav.ms-auto li:last-child {
        width: 100%;
        text-align: center;
    }

    .meetTeamRght {
        padding-left: 0px;
        margin-top: 40px;
    }

    .betterExpUpr h3 {
        font-size: 34px;
        line-height: 43px;
    }

    .expectUpr {
        padding: 62px 11px;
    }

    .expectLeft ul li {
        font-size: 23px;
        line-height: 33px;
    }

    .expectLeft h4 {
        font-size: 40px;
        line-height: 52px;
    }

    .preferGetTxt h5 {
        font-size: 35px;
        line-height: 45px;
    }

    .preferGetCnct label {
        font-size: 30px;
        line-height: 33px;
    }

    .preferGetCnct a {
        font-size: 22px;
        line-height: 30px;
    }

    .preferGetRght p {
        font-size: 20px;
        line-height: 26px;
    }

    .councilManager {
        padding-right: 0px;
    }

    .councilManagerLft label {
        font-size: 38px;
        line-height: 43px;
    }

    .btmcontactMain {
        padding: 0px 22px;
    }

    .caseSingleTime {
        align-items: center;
        justify-content: center;
        margin-top: 32px;
        width: 100%;
    }

    .caseSingleTime div {
        flex: 1;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 21px;
        justify-content: center;
    }

    .actv-body-Menu .homeVideoUpr {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .councilManager {
        padding-right: 0px;
    }

    .councilManagerLft label {
        font-size: 38px;
        line-height: 43px;
    }

    /* Extra Nav css */
    body.actv-body-Menu {
        overflow: hidden;
    }
    .actv-body-Menu .home-heroBg,
    .actv-body-Menu .solution-heroBg {
        padding-top: 0px;
    }
    .actv-body-Menu .civicoNavCstm {
      width: 100%;
    }
    .navCstmUlRght .menu-item-has-children:before {
      content: "+";
      position: absolute;
      left: 90px;
      top: 4px;
      font-size: 24px;
    }
    .mobileMenuHead {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border-radius: 32px;
      padding: 17px 7px;
      margin: 4px auto 15px;
      position: relative;
    }
    .mobileMenuHead img {
        outline: none;
        border: none;
        cursor: pointer;
        padding: 0px;
    }
    div.navCstmUlRght li a {
      font-size: 20px;
    }
    div.navCstmUlRght li.nav-item {
      padding: 0px 8px;
      width: 100%;
      margin-bottom: 8px;
    }
    .addMobArrow li a {
      position: relative;
    }
    .navCstmUlRght ul.navbar-nav.me-auto, .navCstmUlRght ul.navbar-nav.ms-auto {
      align-items: flex-start;
      width: 100%;
      text-align: left;
      margin-bottom: 8px;
    }
    .navCstmUlRght ul.navbar-nav.me-auto li, .navCstmUlRght ul.navbar-nav.ms-auto li {
      text-align: left;
    }
    .main-menu-content .nav-link:not(.btn) {
      position: relative;
    }
    .main-menu-content .solution-trigger:after {
      content: "";
      background: url("images/images/down.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 16px;
      right: 0px;
      height: 8px;
      width: 8px;
      background-size: cover;
    }
    .book-call-item a.btn {
      background: #79DCD3;
      border: none;
      border-radius: 50px;
      font-weight: 400;
      font-size: 20px;
      font-family: "Figtree", sans-serif;
      color: #000000;
      padding: 13px 28px;
      text-decoration: none;
      display: inline-block;
    }
    .mobileMenuHead a img {
        height: 43px;
    }
    .navCstmUlRght .menu-item-has-children, 
    .navCstmUlRght .dropdown-menu a {
      position: relative;
    }
    ul.navbar-nav.me-auto li a:after {
      content: "";
      background: url("images/right.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 13px;
      right: 0px;
      height: 15px;
      width: 33px;
      background-size: cover;
      border: none;
    }
    .navbar-nav .dropdown-menu {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      min-height: 100vh;
      border: 0px;
      margin: 0px;
      padding: 20px 20px;
      margin-top: 114px;
     }
    .dropdown-menu {
      display: none !important;
    }
    .solution-submenu {
      width: 100%;
      padding: 0px 8px;
    }
    .back-btn {
      display: flex;
      align-items: center;
      gap: 22px;
      color: #5b626b;
      text-decoration: none;
      margin-bottom: 33px;
      font-size: 20px;
      font-weight: 400;
    }
    .back-btn img {
      height: 15px;
      width: auto;
    }
    .solution-title {
      font-size: 28px;
      margin-bottom: 20px;
      padding-bottom: 3px;
      color: #5733ad;
      width: 100%;
      display: block;
      font-weight: 300;
      border-bottom: 1.5px solid #79DCD3;
    }
    .solution-title a {
        color: #5733ad;
        text-decoration: none;
    }
    .solution-submenu .nav-item {
      margin-bottom: 8px;
    }
    .solution-submenu .nav-link {
      font-size: 20px;
      position: relative;
      padding-right: 44px;
      margin-bottom: 8px;
    }
    .solution-submenu .nav-link:after {
      content: "";
      background: url("images/right.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 13px;
      right: 0px;
      height: 15px;
      width: 33px;
      background-size: cover;
      border: none;
    }
    .main-menu-content .dropdown-toggle {
      position: relative;
    }
    .main-menu-content .dropdown-toggle:after {
      content: "";
      background: url("images/down.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 16px;
      right: 0px;
      height: 8px;
      width: 8px;
      background-size: cover;
    }
    .main-menu-content {
      display: block;
    }
    .main-menu-content.hidden {
      display: none;
    }
    .navCstmUlRght {
      width: 100%;
      position: fixed;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 100%;
      min-height: 100vh;
      background: #ffffff !important;
      z-index: 111;
      border-radius: 15px;
      padding: 0px 22px;
    }
    .navCstmUl{
      width: 100%;
      display: block;
    }
    .navCstmUl button.navbar-toggler {
        right: 19px;
        position: absolute;
        top: 19px;
    }
}

@media (max-width: 767px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .agendaLft {
        padding-right: 0px;
    }

    .agendaRght span {
        font-size: 215px;
        line-height: 211px;
    }

    .agendaUpr {
        flex-direction: column-reverse;
    }

    .MeetMnger h1 {
        text-align: center;
    }

    .MeetMngerRght {
        text-align: center;
        margin-top: 52px;
    }

    .structMeet h2 {
        margin-bottom: 38px;
        padding-right: 14%;
    }

    .meetArowSet {
        margin-top: 50px;
        margin-bottom: 56px;
    }

    .expectLeft {
        padding-right: 0px;
    }

    .blogItemIcn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .blogItemIcn span {
        text-align: center;
        width: 90%;
    }

    .singleTitleLeft h1 {
        margin-bottom: 40px;
    }

    .blogItemImg img {
        min-height: 355px;
    }

    .setupManagerImg img {
        min-height: 355px;
    }

    .meetRootLeft h4 {
        font-size: 35px;
        line-height: 43px;
    }

    .liveMeetImgDesk {
        display: none;
    }

    .liveMeetImgMob {
        display: block;
    }

    .setupLabelBlack label,
    .setupLabelBlack div {
        color: #000000 !important;
        background: initial !important;
        -webkit-background-clip: initial !important;
        -webkit-text-fill-color: initial !important;
    }

    .setupLabelWhite .setupManagerRght div {
        color: #ffffff !important;
    }

    .structCase h2 {
        margin-bottom: 38px;
    }

    .structCase h2,
    .structCase h3 {
        padding-right: 0px;
    }

    .IntegCase {
        flex-direction: column;
    }

    .IntegCaseLbl,
    .IntegCaseArow {
        width: 100%;
    }

    .IntegCaseArowDesk {
        display: none;
    }

    .IntegCaseArowMob {
        display: block;
        margin: 30px auto 0px;
        text-align: center;
    }

    .IntegCaseArowMob a {
        margin: 0px 5%;
    }

    .setUpCase {
        margin-top: 32px;
    }

    .caseSingleLabl h1 {
        font-size: 43px;
        line-height: 53px;
    }

    .videoSectionimg img {
        min-height: 488px;
    }
}

@media (max-width: 667px) {

    .bannerTalk div:first-child img,
    .bannerTalk div:last-child img {
        height: 50px;
    }

    .bannerLetsTalk span {
        height: 21px;
        width: 21px;
    }

    .bannerLetsTalk a img {
        height: 7px;
    }

    .bannerLetsTalk a {
        font-size: 11px;
        padding: 8px 12px;
    }

}

@media (max-width: 600px) {

    .footerPrtnerRw img,
    .footerCyberRw img {
        height: 60.59px;
    }

    .footerLogo img {
        height: auto;
        width: 80%;
    }

    .demandRghtContain {
        display: block;
    }

    .demandRghtContainLft {
        text-align: center;
        margin-bottom: 32px;
    }

    .demandLeft {
        margin-bottom: 62px;
    }

    .civicoDelLft {
        padding-right: 0px;
    }

    .civicoDelArrow {
        margin-top: 25px;
    }

    .betterExpLeft {
        padding-right: 0px;
    }

    .solutionBnrTxt {
        min-height: 550px;
    }

    .solution-heroBg {
        background-position: 69% 40%;
    }

    .betterExpUpr {
        margin: 50px 0px;
    }

    .expMoreBtn a {
        width: 100%;
        text-align: center;
    }

    .expMoreBtn {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .setupManagerUpr {
        padding-left: 0px;
    }

    a.arrowDigitalLink {
        position: initial;
        display: inline-block;
        margin-top: 22px;
        margin-bottom: 12px;
        left: initial;
        top: initial;
    }

    .setupManager {
        padding-right: 0px;
    }

    .setupManagerLft label {
        font-size: 40px;
        line-height: 47px;
        margin-bottom: 0px;
    }

    .setupManagerLft a,
    .setupManagerRght {
        display: none;
    }

    .mobileSolution {
        display: block;
    }

    .mobileSolution .setupManagerLft label {
        display: none;
    }

    .mobileSolution .setupManagerRght {
        display: block;
        margin-top: 22px;
        padding: 0px 6px;
    }

    .mobileSolution .mobSolutionLink {
        display: block;
        text-align: center;
        margin: 17px 6px;
    }

    .mobileSolution {
        display: block;
    }

    .WebFooterShow {
        display: none;
    }

    .MobileFooterShow {
        display: block;
    }

    .MobileFooterShow .webFooterRght {
        display: block;
        text-align: center;
    }

    .MobileFooterShow .webFooterleft {
        display: block;
    }

    .MobileFooterShow .footerLogo {
        width: 100%;
        flex: 0 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .MobileFooterShow .footerPrtnerRw a,
    .MobileFooterShow .footerCyberRw a {
        display: block;
        text-align: center;
        margin-bottom: 24px;
    }

    .MobileFooterShow .footerPrtnerRw,
    .MobileFooterShow .footerCyberRw {
        display: block;
    }

    .MobileFooterShow .footerSocial {
        justify-content: center;
        gap: 12px;
        margin-top: 21px;
    }

    .MobileFooterShow .footerSocial img {
        height: 75px;
    }

    ul.customBreadcrumb {
        text-align: center;
    }

    .solutionBnrTxt {
        padding-top: 28px;
        padding-bottom: 38px;
    }

    .onePlatform h1,
    .onePlatform h2 {
        font-weight: bold;
        font-size: 55px;
        line-height: 62px;
    }

    .sectorRootLeft h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .sectorRootLeft {
        padding-right: 0px;
    }

    .sectorRootLeft h4 {
        font-size: 36px;
        line-height: 50px;
    }

    .sectorRootLeft h4 img {
        height: 24px;
        margin-left: 8%;
    }

    .workBetterLft h4 {
        font-size: 38px;
        line-height: 48px;
    }

    .workBetterRght ul li img {
        height: 42px;
    }

    .meetTeamUpr {
        padding: 40px 28px;
    }

    .meetTeamLft {
        padding-right: 0px;
    }

    .meetTeamRght {
        padding-left: 0px;
    }

    .meetTeamRght {
        margin-top: 60px;
    }

    .personAhead {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        gap: 12px;
        padding: 0px 18px 18px 18px;
        position: relative;
        background: #ffffff;
        border-radius: 25px;
    }

    div.personInfo {
        width: 100%;
    }

    /* .personAheadImg {
    position: initial;
    right: initial;
    top: initial;
   } */
    
    div.personAheadImg img {
        height: auto !important;
        width: 277px !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border-radius: 218px;
    }

    .meetTeamLft {
        margin-bottom: 110px;
    }

    .personSocial {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .makeBtrTxt h5 {
        font-size: 37px;
        line-height: 46px;
    }

    .makeBtrTxt p {
        margin-right: 0px;
    }

    .contactField {
        display: block;
    }

    .contactFieldBtn button {
        width: 100%;
        justify-content: center;
    }

    .exploreMoreHm {
        display: block;
        margin-top: 65px;
    }

    .bannerTalk {
        display: none;
    }

    .home-heroBg {
        min-height: initial !important;
    }

    .homeHereBanner {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 34px;
        padding: 0px 14px;
    }

    .homeHereBanner p {
        font-weight: 400;
        font-size: 23px;
        line-height: 33px;
    }

    .homeHereBanner h1 {
        font-weight: bold;
        font-size: 55px;
        line-height: 62px;
    }

    .betterExpUpr h2 {
        font-size: 35px;
        line-height: 43px;
    }

    .betterExpRght p {
        font-size: 20px;
        line-height: 26px;
    }

    .civicoDelArrow {
        margin-top: 0px !important;
        position: absolute;
        bottom: 45px;
        left: 0px;
        right: 0px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        justify-content: space-around;
    }

    .civicoDelLft h3 {
        margin-top: 10px;
        margin-bottom: 34px;
    }

    .civicoDelUpr .owl-carousel,
    .civicoDelUpr .owl-carousel .owl-item,
    .civicoDelUpr .owl-carousel .owl-stage-outer,
    .civicoDelUpr .owl-carousel .owl-stage {
        position: initial !important;
    }

    .civicoDelUpr {
        position: relative;
        padding: 64px 12px 0px 12px;
    }

    .civicoDelRght {
        margin-bottom: 122px;
    }

    .civicoDelLftInr {
        margin-top: 18px;
    }

    .civicoDelLft h3 {
        font-weight: 300;
        font-size: 32px;
        line-height: 40px;
    }

    .demandLeft {
        padding-right: 0px;
    }

    .demandLeft p {
        font-size: 23px;
        line-height: 33px;
    }

    .demandLeft p a {
        display: block;
        margin-top: 32px;
    }

    .demandMoreBtn {
        width: 100%;
        text-align: center;
    }

    .demandMoreBtn a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .demandRghtContainRght {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        text-align: center;
    }

    .demandRghtContainRght img {
        align-self: flex-end;
        justify-content: flex-end;
        margin-top: 32px;
        display: inline-flex;
    }

    .videoSectionUpr {
        padding: 25px 13px;
        border-radius: 24px;
    }

    .civicoMeetSlide {
        flex-direction: column;
    }

    .civicoMeetLbl label p {
        max-width: 70%;
    }

    .civicoMeetArow {
        margin-top: 47px;
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-around;
    }

    .homeContactUs {
        background: linear-gradient(90deg, #6038C1, #4C2D99);
    }

    .homeContactUsBg {
        background: url("images/contactBg2.png");
        background-size: 115%;
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 65px;
    }

    .footerLogo img {
        height: auto;
        width: 80%;
    }

    .MobileFooterShow .footerSocial img {
        height: 75px;
    }

    .meetArow {
        text-align: right;
    }

    .sectorRootRghtDsk {
        display: none;
    }

    .sectorRootRghtMob {
        display: block;
    }

    div.personAheadImg {
        top: -79px;
        left: 0px !important;
        right: 0px !important;
        width: 100%;
        margin: -107px auto 0px;
    }

    .personAhead {
        padding: 150px 18px 18px 18px;
        border-radius: 0px 0px 25px 25px;
    }

    .personSocial {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-left: 0px;
        gap: 17px;
        align-items: center;
    }

    .personAheadUpr {
        width: 256px;
        height: auto;
        margin: 0 auto;
    }

    .personAheadSpr {
        margin-top: 130px;
        margin-bottom: 226px;
    }

    .everyStep {
        flex-direction: column;
    }

    .everyStep label {
        margin-bottom: 60px;
    }

    .civicoMeetArow {
        margin-top: 20px;
        margin-bottom: 30px;
        width: 80%;
    }

    .everyStep label {
        width: 100%;
    }

    .expectLeft ul li {
        padding-right: 0px;
    }

    .expectLeft {
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .expectUpr {
        padding: 52px 18px;
    }

    .expectLeft h4 {
        font-size: 38px;
        line-height: 45px;
        position: absolute;
        top: 0px;
    }

    .expectLeft ul li:after {
        bottom: 40px;
        top: initial;
    }

    .expectLeft ul li {
        margin-bottom: 76px;
        padding-bottom: 100px;
    }

    .expectUpr .owl-item .row {
        flex-direction: column-reverse;
        position: relative;
    }

    .expectUpr .owl-dots {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: initial;
        top: 46%;
        margin: 0 auto;
        text-align: center;
    }

    .expectUpr .owl-carousel .owl-item {
        position: initial !important;
    }

    .expectRght {
        margin-top: 132px;
        margin-bottom: 132px;
    }

    .preferGet {
        text-align: center;
    }

    .preferGetTxt img {
        margin-bottom: 74px;
    }

    .preferGetCnct a {
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .betterExpUpr h2 {
        font-size: 36px;
        line-height: 46px;
        font-weight: 300;
    }

    .blogItemIcn div {
        padding: 10px 15px 10px 8px;
    }

    .blogItemIcn span {
        width: 90%;
        display: block;
        text-align: center;
    }

    .personSocial a {
        margin: 0px 5px;
    }

    .betterExpUpr h3 {
        font-size: 36px;
        line-height: 46px;
        font-weight: 300;
    }

    .everyStep label {
        width: 100%;
        max-width: 100%;
    }

    a.councilDigitalLink {
        position: initial;
        display: inline-block;
        margin-top: 22px;
        margin-bottom: 12px;
        left: initial;
        top: initial;
    }

    .councilManager {
        padding-right: 0px;
    }

    .councilManagerLft label {
        font-size: 35px;
        line-height: 38px;
        margin-bottom: 0px;
    }

    .councilManagerLft a,
    .councilManagerRght {
        display: none;
    }

    .mobileSolution .mobSolutionLink {
        display: block;
        text-align: center;
        margin: 17px 6px;
    }

    .mobileSolution {
        display: block;
    }

    .mobileSolution .councilManagerRght {
        display: block;
        margin-top: 22px;
        padding: 0px 6px;
    }

    div.councilManagerUpr {
        padding-left: 0px;
    }

    .caseStudyBnr .onePlatform h1 span {
        display: inline;
    }

    .caseStudyBnr .onePlatform h1 {
        font-size: 45px;
        line-height: 47px;
    }

    .onePlatform p {
        font-size: 22px;
        line-height: 30px;
    }

    .caseStudyBnr .onePlatform h1 {
        margin-bottom: 10px;
    }

    .IntegCase {
        flex-direction: column;
    }

    .IntegCase label {
        margin-bottom: 60px;
    }

    .IntegCaseArow {
        margin-top: 20px;
        margin-bottom: 30px;
        width: 80%;
    }

    .IntegCaseArow img {
        cursor: pointer;
    }

    .IntegCase label {
        width: 100%;
    }

    .caseSingleTime {
        flex-direction: column;
    }

    .caseSingleTime div {
        width: 100%;
    }

    a.councilDigitalLink {
        position: initial;
        display: inline-block;
        margin-top: 22px;
        margin-bottom: 12px;
        left: initial;
        top: initial;
    }

    .councilManager {
        padding-right: 0px;
    }

    .councilManagerLft label {
        font-size: 35px;
        line-height: 38px;
        margin-bottom: 0px;
    }

    .councilManagerLft a,
    .councilManagerRght {
        display: none;
    }

    .mobileSolution .mobSolutionLink {
        display: block;
        text-align: center;
        margin: 17px 6px;
    }

    .mobileSolution {
        display: block;
    }

    .mobileSolution .councilManagerRght {
        display: block;
        margin-top: 22px;
        padding: 0px 6px;
    }

    div.councilManagerUpr {
        padding-left: 0px;
    }

    .caseStudyBnr .onePlatform h1 span {
        display: inline;
    }

    .caseStudyBnr .onePlatform h1 {
        font-size: 45px;
        line-height: 47px;
    }

    .onePlatform p {
        font-size: 22px;
        line-height: 30px;
    }

    .caseStudyBnr .onePlatform h1 {
        margin-bottom: 10px;
    }

    .faqContent h3.ea-header {
        position: initial;
    }

    /* .faqContent .ea-card.sp-ea-single .ea-header:after,
    .faqContent .ea-card.sp-ea-single.ea-expand .ea-header:after {
        content: initial !important;
    } */

    /* .faqContent .ea-card.sp-ea-single .ea-header a[aria-expanded="false"] {
        background: url("images/plus.svg");
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: center calc(100% - 20px);
        min-height: 100%;
    } */

    /* .faqContent .ea-card.sp-ea-single .ea-header a[aria-expanded="true"] {
        content: "";
        background: url("images/minus.svg");
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: center calc(100% - 20px);
        min-height: 100%;
    } */

    /* .faqContent .ea-card.sp-ea-single.ea-expand a {
        position: absolute !important;
        min-height: 100%;
    } */

    .faqContent .ea-card.sp-ea-single {
        position: relative !important;
    }

    .faqContent h3.ea-header a {
        padding-right: 57px !important;
        /* padding-bottom: 80px !important; */
    }

    .faqContent .ea-body {
        padding-bottom: 0px !important;
    }

    .faqContent .ea-card.ea-expand.sp-ea-single .collapsed {
        padding-bottom: 0px !important;
    }

    .faqContent h3.ea-header {
        padding-bottom: 0px !important;
    }

    .faqContent .ea-card.sp-ea-single.ea-expand a {
        padding-bottom: 0px !important;
    }

    .faqContent .sp-collapse.spcollapse {
        padding-top: 10px;
    }

    .caseStudyBanerTxt h2 {
        margin-bottom: 12px;
    }
    .caseStudyBanerTxt h1, .caseStudyBanerTxt h2 {
        font-weight: bold;
        font-size: 53px !important;
        line-height: 59px !important;
    }
    .solutionBnrTxt {
      padding-bottom: 48px;
    }

}

@media (max-width: 500px) {
    .navCstmUlLftLogo img {
        height: 32px;
    }

    .navCstmUlLftSocl img {
        height: 30px;
    }
}

@media (max-width: 480px) {
    .expectUpr .owl-dots {
        top: 44%;
    }

    .agendaLft {
        min-height: 280px;
    }

    .agendaLft label {
        font-size: 34px;
        line-height: 40px;
    }
}

@media (max-width: 462px) {
    .personAhead {
        padding: 100px 18px 18px 18px;
        border-radius: 0px 0px 25px 25px;
    }
}

@media (max-width: 430px) {
    .expectUpr .owl-dots {
        top: 41%;
    }
}

@media (max-width: 380px) {
    .meetTeamUpr {
      padding: 40px 17px;
     } 
  }

/* Animation css */
/* Hidden start state */
.civicoNavCstm.nav-animate {
    transform: translateY(-140px);     /* a bit farther for a nicer travel */
    opacity: 0;
    transition:
        transform 2.8s cubic-bezier(.22,1,.36,1),  /* smooth “ease-out” feel */
        opacity   2.8s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity;
}

/* End state */
.civicoNavCstm.nav-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .civicoNavCstm.nav-animate {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* Banner: hidden start */
.banner-animate {
    transform: translateY(40px);
    opacity: 0;
    transition:
        transform 2.8s cubic-bezier(.22,1,.36,1),  /* smooth “ease-out” feel */
        opacity   2.8s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity;
}

/* Banner: final state */
.banner-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .banner-animate {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* Better Experience sections: hidden start */
.betterExpLeft.scroll-animate,
.betterExpRght.scroll-animate {
    transform: translateY(200px);
    opacity: 0;
    transition:
        transform 2.8s cubic-bezier(.22,1,.36,1),
        opacity   2.8s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity;
}

/* Better Experience sections: final state */
.betterExpLeft.scroll-animate.is-visible,
.betterExpRght.scroll-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .betterExpLeft.scroll-animate,
  .betterExpRght.scroll-animate {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* Text and Image scroll animation */
.text-scroll.scroll-animate,
.image-scroll.scroll-animate {
    transform: translateY(200px);
    opacity: 0;
    transition:
        transform 2.8s cubic-bezier(.22,1,.36,1),
        opacity   2.8s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity;
}

.text-scroll.scroll-animate.is-visible,
.image-scroll.scroll-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
}

/* Label fade animation */
.label-fade.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.label-fade.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Graphic and Arrow fade animation */
.graphic-fade.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.arrow-fade.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.graphic-fade.fade-animate.is-visible,
.arrow-fade.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Demand section animations */
.demand-text.fade-animate,
.demand-heading.fade-animate,
.demandMoreBtn.fade-animate,
.demand-item-1.fade-animate,
.demand-item-2.fade-animate,
.demand-item-3.fade-animate,
.demand-item-4.fade-animate,
.demand-item-5.fade-animate,
.demand-item-6.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.demand-text.fade-animate.is-visible,
.demand-heading.fade-animate.is-visible,
.demandMoreBtn.fade-animate.is-visible,
.demand-item-1.fade-animate.is-visible,
.demand-item-2.fade-animate.is-visible,
.demand-item-3.fade-animate.is-visible,
.demand-item-4.fade-animate.is-visible,
.demand-item-5.fade-animate.is-visible,
.demand-item-6.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Video section animation */
.video-fade.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.video-fade.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Quote slide from top animation */
.quote-slide.scroll-animate {
    transform: translateY(-100px);
    opacity: 0;
    transition: none;
    will-change: transform, opacity;
}

.quote-slide.scroll-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
    transition: transform 2.0s ease-out, opacity 2.0s ease-out;
}

/* Arrow slide from left animation */
.arrow-left-slide {
    transform: translateX(-100px);
    opacity: 1;
    transition: transform 0s;
    will-change: transform;
}

.arrow-left-slide.is-visible {
    transform: translateX(0);
    transition: transform 1.5s ease-out;
}

/* Testimonials section animations */
.person-fade.fade-animate,
.arrows-fade.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.person-fade.fade-animate.is-visible,
.arrows-fade.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Footer section animations */
.footer-left-1.fade-animate,
.footer-left-2.fade-animate,
.footer-left-3.fade-animate,
.footer-right-1.fade-animate,
.footer-right-2.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.footer-left-1.fade-animate.is-visible,
.footer-left-2.fade-animate.is-visible,
.footer-left-3.fade-animate.is-visible,
.footer-right-1.fade-animate.is-visible,
.footer-right-2.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

/* Contact section animations */
.contact-form.fade-animate,
.contact-text.fade-animate {
    opacity: 0;
    transition: none;
    will-change: opacity;
}

.contact-form.fade-animate.is-visible,
.contact-text.fade-animate.is-visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

.scroll-animate {
    transform: translateY(200px);
    opacity: 0;
    transition:
        transform 2.8s cubic-bezier(.22,1,.36,1),
        opacity   2.8s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity;
}

.scroll-animate.is-visible {
    transform: translateY(0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
 .scroll-animate,
 .text-scroll.scroll-animate,
 .image-scroll.scroll-animate,
 .label-fade.fade-animate,
 .graphic-fade.fade-animate,
 .arrow-fade.fade-animate {
    transition: none;
    transform: none;
    opacity: 1;
  }
}
/* End of Animation css */