body {
    max-width: 1196px;
    margin: auto !important;
}



.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.headerblock {
    height: 66px;
    width: 100%;
    vertical-align: middle;
    background: #002c77;
    display: flex;
    align-items: center;
}

.logo {
    width: 100px;
}

.logobox {
    padding-left: 45px;
}

.menublock {
    height: 41px;
    width: 100%;
    vertical-align: middle;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #002c77;
    font-size: 14px;
}

.welcometextbox {
    margin-left: 87px;
    width: 699px;
    height: 328px;
}

.welcomeimage {
    width: 320px;
    height: 328px;
}

.menutitem {
    color: #002c77;
    text-decoration: none;
    padding-left: 20px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
}

.footeritem {
    color: #fff;
    text-decoration: none;
    padding-right: 20px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
}

.footerbox {
    min-height: 90px;
    font-size: 11px;
    background: #002c77;
    color: #fff;
}

.footercopyright {
    padding-left: 10px;
    margin: 0px;
    text-decoration: none;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
}

.footeremail {
    padding-top: 10px;
    padding-right: 20px;
    text-decoration: none;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
}
/*
.applicationlink {
    position: absolute;
    text-decoration: none;
    width: 466px;
    height: 51px;
    padding: 2px 2px 2px 2px;
    padding-top: 12px;
    border-radius: 3px;
    border: 2px solid #002c77;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: "NotoSans-Medium", "Noto Sans Medium", "Noto Sans", sans-serif;
    font-weight: 500;
    color: #1b222f;
    text-align: center;
    line-height: normal;
    font-size: 18px;
  }
*/

/* mobile view*/
@media screen and (max-width:600px){
    .mobilemenu {
       display: block; 
    }
    .desktopmenu {
        display: none; 
     }

     .applicationlink {
        display: none; 
      }

     .informationbox {
        padding: 15px;
     }

     .marshdetailbox {
        padding: 15px;
     }

     .avivaimagebox {
        text-align: center;
        padding-bottom: 20px;
    }
    
    .chubbimagebox {
        padding-top: 4px;
        text-align: center;
    }

    .aboutbox {
        padding-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 30px;
    }

    .titletextbox{
        margin-top: 15px;
        padding-left: 15px !important;
    }

    .applicationlinkmobile {
        padding: 15px 10px 15px 10px;
        font-size: 16px;
    }

    .boximage {
        margin-top: 20px;
    }

    .subheadertext {
        margin-top: 10px;
    }

    .footerlinkbox {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        text-align: center;
    }

    .footeremail {
        text-align: center;
    }
}

/* desktop view*/
 @media screen and (min-width:600px){
    .mobilemenu {
       display: none; 
    }
    .desktopmenu {
        display: block; 
     }

     .applicationlinkmobile {
        display: none; 
     }


     .informationbox {
        padding-left: 100px;
        padding-right: 50px;
        padding-top: 15px;
        padding-bottom: 15px;
     }

     .marshdetailbox {
        padding-left: 100px;
        padding-right: 50px;
        padding-top: 25px;
        padding-bottom: 25px;
     }

     .avivaimagebox {
        padding-right: 60px !important;
        text-align: right;
    }
    
    .chubbimagebox {
        padding-left: 60px !important;
        padding-top: 4px;
        text-align: left;
    }

    .aboutbox {
        padding-top: 40px;
        padding-right: 90px;
        padding-left: 90px;
        padding-bottom: 70px;
    }

    .titletextbox {
        margin-top: 70px;
        padding-left: 80px !important;
    }

    .applicationlink {
        padding: 12px 30px 12px 30px;
        font-size: 18px;
    }

    .boximage {
        margin-top: 30px;
    }

    .footerlinkbox {
        padding-top: 25px;
        padding-right: 0px;
    }

}

.menutitemmobile {
    font-size: 15px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
}

.navbar {
width: 100%;
box-shadow: 0 1px 4px rgb(146 161 176 / 15%);
}

.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 62px;
}

.navbar .menu-items {
display: flex;
}

.navbar .nav-container li {
list-style: none;
}

.navbar .nav-container a {
text-decoration: none;
color: white;
font-weight: 500;
font-size: 1.2rem;
padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
display: block;
position: relative;
height: 60px;
}

.nav-container .checkbox {
position: relative;
display: block;
height: 32px;
width: 32px;
top: 20px;
left: 20px;
z-index: 5;
opacity: 0;
cursor: pointer;
}

.nav-container .hamburger-lines {
margin-top: -30px;
z-index: 4;
position: relative;
display: block;
height: 26px;
width: 32px;
position: relative;
top: 17px;
left: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.nav-container .hamburger-lines .line {
display: block;
height: 4px;
width: 100%;
border-radius: 10px;
background: #002c76;
}

.nav-container .hamburger-lines .line1 {
transform-origin: 0% 0%;
transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
transform-origin: 0% 100%;
transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
margin-top: -20px;
z-index: 3;
position: relative;
padding-top: 60px;
box-shadow: inset 0 0 2000px 110px rgb(0 44 118);
height: 100vh;
transform: translate(-150%);
display: flex;
flex-direction: column;
margin-left: -40px;
padding-left: 50px;
transition: transform 0.5s ease-in-out;
}

.navbar .menu-items li {
margin-bottom: 1.2rem;
font-size: 1.5rem;
font-weight: 500;
}



.nav-container input[type="checkbox"]:checked ~ .menu-items {
transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
transform: rotate(45deg);
background: white;
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
transform: rotate(-45deg);
background: white;
}


.boximage {
    max-width: 320px;
}

.welcometext {
    font-size: 14px;
    font-family: "NotoSans-SemiBold", "Noto Sans SemiBold", "Noto Sans", sans-serif;
    font-weight: 650;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.maintitletext {
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
    font-family: "NotoSans-SemiBold", "Noto Sans SemiBold", "Noto Sans", sans-serif;
    color: #000000;
    text-align: left;
    line-height: normal;
}

.subheader {
    text-align: center;
}

.subheadertext {
    font-size: 28px;
    font-family: "NotoSans-SemiBold", "Noto Sans SemiBold", "Noto Sans", sans-serif;
    font-weight: 650;
    color: #333333;
    text-align: center;
    line-height: normal;
}

.icondetailrow {
    padding-right: 50px;
    padding-left: 50px;
}

.icondetailbox {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;

}

.icondetailtext {
    font-size: 20px;
    font-family: "NotoSans-SemiBold", "Noto Sans SemiBold", "Noto Sans", sans-serif;
    color: #333333;
    text-align: center;
    line-height: normal;
}

.icondetailicon {
    font-size: 80px;
    margin: 10px;
}

.aboutbox {
    font-size: 16px;
    box-sizing: border-box;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #1b222f;
    background-color: #f2f2f2;
    text-align: left;
    line-height: 22px;
}

.aboutustext {
    text-align: center;
    padding-bottom: 10px;
    font-weight: 650;
}

.participatingtext {
    margin-bottom: 20px;
}

.avivaimage {
    max-height: 26px;
}

.chubbimage {
    max-height: 18px;
}

.carrierimagerow {
    border-bottom: #333333 1px solid;
    padding-bottom: 30px;
}

.safebox {
    padding-top: 10px;
    padding-bottom: 40px;
    border-bottom: #333333 1px solid;
}

.safetext {
    text-align: center;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #1b222f;
    line-height: normal;
    margin-bottom: 40px;
    margin-top: 30px;
}

.applicationlink {
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid #002c77;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: "NotoSans-Medium", "Noto Sans Medium", "Noto Sans", sans-serif;
    font-weight: 500;
    color: #1b222f;
    text-align: center;
    line-height: normal;
}

.applicationlinkmobile {
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid #002c77;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: "NotoSans-Medium", "Noto Sans Medium", "Noto Sans", sans-serif;
    font-weight: 500;
    color: #1b222f;
    text-align: center;
    line-height: normal;
}

.applicationlink:hover {
    background-color: rgba(0, 157, 224, 1);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 157, 224, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "NotoSans-Medium", "Noto Sans Medium", "Noto Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: center;
}

.applicationlinkmobile:hover {
    background-color: rgba(0, 157, 224, 1);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 157, 224, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "NotoSans-Medium", "Noto Sans Medium", "Noto Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: center;
}

.informationbox {
    font-size: 16px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #1b222f;
    text-align: left;
    line-height: 26px;
}

.marshdetailbox {
    border-top: #333333 1px solid;
    font-size: 14px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #1b222f;
    text-align: left;
    line-height: normal;
}

.titlebox {
    background-color: #1071c6;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.titletext {
    font-size: 28px;
    font-family: "NotoSans-Bold", "Noto Sans Bold", "Noto Sans", sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    max-width: 580px;
    margin: auto;
}

.apptitlebox {
    background-color: #1071c6;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.apptitletext {
    font-size: 28px;
    font-family: "NotoSans-Bold", "Noto Sans Bold", "Noto Sans", sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    margin: 0px;
}

.detailsubheading {
    font-size: 24px;
    box-sizing: border-box;
    font-family: "NotoSans-Bold", "Noto Sans Bold", "Noto Sans", sans-serif;
    font-weight: 700;
    color: #00968f;
    text-align: left;
    line-height: normal;
}

.getstartedbox {
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.detaillist {
    margin-top: -10px;
    margin-bottom: 40px;
}

.quotetext {
    font-size: 20px;
    margin-top: 0px;
    padding-bottom: 20px;
    font-family: "NotoSans-Regular", "Noto Sans", sans-serif;
    color: #1b222f;
    text-align: center;
    line-height: normal;
}