.carousel-wrapper {
      max-width: 960px;
      margin: auto;
      position: relative;
    }

    .carousel-container {
      overflow: hidden;
      position: relative;
    }

    .carousel-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
      gap:30px;
    }

.controls{
        justify-content: center;
    display: flex;
    gap: 1em;
    margin: 2em 1em 4em 1em;
}
.controls button{
        color: #fff;
    background: #0b3756;
    padding:8px;
}
#align .mod-expanding-trigger::before, #align .mod-expanding-trigger:before,
#align1 .mod-expanding-trigger::before, #align1 .mod-expanding-trigger:before{
    display:none;
}












.headingTxt h1{
    width:500px;
}
.headingTxt{
    margin: 0 auto;
    margin-top: 5em;
        padding:1em;
}
.headingTxt1{
    width:500px;

}
.welcome{
    font-size:32px;
    font-weight:600;
    color:#004a7d;
}
.svcColo{
    color:#004a7d;
    Font-size:38px;
    font-weight:bold;
    max-width: 33em;
    margin: 1.75em auto 1em auto;
    padding: 0 1.8em;
}
#cardArea{
    background-color: #ddeaf3;
}

.preferTxt{
    font-size:24px;
    font-family: 'Open Sans', sans-serif;
    margin:0 0 3em 0;
}
.h1style{
    display:none;
}
.faqHeading{
    color:#fff;
    font-size:32px;
    font-weight:bold;
    width: auto;
    max-width: 78.6em;
    margin: 80px 0 1em 4.5em;
    padding: 0 2em;
    font-family:'Open Sans', sans-serif
}
#cardArea{
    background: #ddeaf3;
}
.iconCard img {
    width: 100px;
    margin: 0 auto;
    max-width: 100px;
}
.personalH2 {
    font-size: 38px;
    color: #004a7d;
    font-weight: bold;
    margin: 1.75em 1em;
    line-height: 1.2em;
}
.iconflex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px 120px;
    margin: 3em 1em;
}
.iconCard {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.iconTxt {
    text-align: center;
    width: 180px;
    font-family: "Open Sans", serif;
    color: #5698c4;
    font-weight: bold;
    font-size: 24px;
}
#padding, #align, #align1 {
    margin: 0 0 0 11em;
}
#align1{
    margin-bottom: 4em !important;
}
#padding {
    padding: 4em 2em 0 0;
}
#drkBlueBG{
    background:#004a7d;
}
.mod-safe-area {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.visitFlex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
    margin: 0 0 2em 0;
    flex-wrap: wrap;
}
.yellowBtn {
    background: #fae446;
    color: #0b3756;
    text-decoration: none;
    padding: 1em 5em;
    border-radius: 30px;
    font-weight: 600;
    font-size: 20px;
    font-family: "Open Sans", serif;
    display: inline-block;
    text-align: center;
}
.yellowBtn:hover, .yellowBtn:focus {
    color: #0b3756;
    background: #ffcd00;
}
 #wrap, #wrap1, #wrap2, #wrap3, #wrap4, #wrap5{
    max-width: 76.8em;
    margin: 0 0 0 8em;
    padding: 0 2em;
    width:auto;
}
#wrap5{
    margin-bottom:80px !important;
}
.wide-trigger {
    width: 100%;
    border-bottom: 1px solid #fff !important;
    border: none;
    color: #fff;
    font-size: 26px;
    padding: .5em;
    font-family: "Open Sans", sans-serif;
    display: flex;
    background:#004a7d;
}
.wide-trigger::after, .wide-trigger:after{
    display:none;
}
.wide-trigger::before, .wide-trigger:before{
    color:#fff;
}
#drkBlueBG ul li{
    width:100%;
    color:#fff;
    font-size:20px;
    padding: 0em 1em 0em 2.25em;
}
li {
    margin: 0;
    color: #fff;
    font-size: 20px;
    padding: .5em 1em .5em 2.25em;
}
#drkBlueBG ul li::before, ul li:before{
    background:#fff;
    top:.5em;
}
.expanded .wide-trigger, .no-js .wide-trigger{
    font-size:30px;
    color:#ddeaf3;
    background:#004a7d;
    font-weight:bold;
}
.expanded .wide-trigger::before, .expanded .wide-trigger:before{
    font-size:1em;
    color:#fff;
}
.wide-white p{
    color:#fff;
}
.mod-page-wrap{
    padding:0;
}
.featureImgArea{
    background:#ddeaf3;
}
.featureImg img{
    height:100%;
    overflow:hidden;
}
.featureImg{
    overflow:hidden;
}
.imgQuote img{
    width:50px !important;
}
.quoteCard{
    background:#9ac1db;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:1.25em;
    border-radius:20px;
    box-sizing:border-box;
    flex:0 0 calc((100% - 60px) / 3);
}
.quoteFlex{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    gap:50px;
    margin-bottom:72px;
}

 .quoteTxt{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin:0;
    padding:0 .5em;
    flex-grow:1;
}
hr{
    width:100%;
    margin:.5em 0;
    border-color:#ddeaf3;
}
.quoteName{
    text-align:left;
    margin:0;
}


@media screen and (max-width:1360px){
    .featureImg img{
        width:700px;
    }
    .headingTxt{
        margin-top:2em;
    }
}

@media screen and (max-width:1256px){
    .featureImg{
        margin:0 auto;
    }
}
@media screen and (max-width:768px){
    .quoteCard {
    flex: 0 0 calc((100% - 30px) / 2);
  }
}

@media screen and (max-width:760px){
        .featureImg img {
        width: 500px;
    }
}
@media screen and (max-width: 745px) {
    #padding, #align, #align1 {
        margin: 0 0 0 4em;
    }
     #wrap, #wrap1, #wrap2, #wrap3, #wrap4, #wrap5{
        margin:0 0 0 2em;
    }
    .faqHeading{
        margin: 2em 0 1em 0.5em;
    }
}

@media screen and (max-width: 650px) {
    #padding, #align, #align1 {
        margin: 0 0 0 2em;
    }
     #wrap, #wrap1, #wrap2, #wrap3, #wrap4, #wrap5{
        margin:0 0 0 1em;
    }
}

@media screen and (max-width: 600px) {
    #align-button, #align1-button, #padding, #align, #align1 {
        width: 18em;
    }
     #wrap .mod-expanding-trigger, #wrap1 .mod-expanding-trigger, #wrap2 .mod-expanding-trigger, #wrap3 .mod-expanding-trigger, #wrap4 .mod-expanding-trigger, #wrap5 .mod-expanding-trigger{
                font-size: 26px;
        font-weight: normal;
     }
     .pStyle{
        font-size:30px;
     }
}

@media screen and (max-width:560px){
    .featureImg img {
        width: 300px;
    }
    .headingTxt h1{
    width:400px;
    font-size:35px;
}
    .headingTxt1{
        width:400px;
        font-size:16px;
    }
    .welcome{
        font-size:25px;
    }
}

@media screen and (max-width:500px){
    #align-button, #align1-button {
        width: 15em;
    }
}
@media screen and (max-width:480px){
    .quoteCard {
    flex: 0 0 100%;
  }
  .carousel-track {
    gap: 0;
  }
}

@media screen and (max-width:460px){
    .headingTxt1{
        width:300px;
    }
    .headingTxt h1{
        width:350px;
    }
}

@media screen and (max-width: 420px) {
    #align-button, #align1-button {
        margin: auto;
    }
        #padding, #align, #align1 {
        margin: auto .5em;
    }
}

@media screen and (max-width: 380px) {
    #align-button, #align1-button {
        font-size: 20px;
    }
}