body{
    font-family:
    Metropolis,sans-serif;
}
/*SECTION 1*/
.banner{
    background-image:url(../../assets/Images/insurance/banner1.png);
  padding: 150px 0px;
  padding-left: 100px;
  background-repeat: no-repeat;
  background-position: center;
    margin-top: 0% !important;
}
.section-1 h1{
    color: white;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}
.section-1 p{
    color: black;
    font-weight: 600;
    font-size: 14px;
    /*line-height: 36px;*/
}
.line{
    height: 6px !important;
    color:#344091 !important;
    width: 25% !important;
    opacity: 1 !important;
    margin: 10px;
}

/*SECTION 2*/
.section-2{
    padding: 100px 140px;
}
.section-2 h1{
    color: #344091;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 60px;
}
.section-2 img{
    margin: auto;
    display: block;
    /* width: 15%; */
    margin-bottom: 25px;

}
.iso{
    color:#000000;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    margin-bottom: 0px;
}
.purple-heading{
    color: #344091;
    font-weight: 700;
    font-size: 16px;
    text-align: center;

}
/*SECTION 4*/
.section-4{
    background-color: #EBECF4;
   padding-left: 140px;
   padding-right: 140px;
    padding-top: 40px;
    padding-bottom: 20px;
}

.section-4 h1{
    color: #344091;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px;
}
.section-4 img{
    margin: auto;
    display: block;
    /* width: 15%; */
    margin-bottom: 25px;
}
.para{
    color: #344091;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    padding-top: 20px;
}
/*section 3*/
.section-3{

    padding-bottom: 50px;
}
.section-3 button{
    color: #344091;
    font-weight: 700;
    font-size:24;
    line-height: 24px;
}

.btn:not(.collapsed){

    color: #344091 !important;
    background-color: white !important;
    box-shadow: none !important;
}
.btn:not(.collapsed)::after{
    content: ' \002D' !important;

    background-image: none !important;
    transform: inherit !important;
    font-size: 22px;

}
.btn::after{
    content: ' \002B' !important;
    background-image: none !important;
    font-size: 22px;
}
.btn:focus{

   box-shadow: none !important;
}
.ad-item{
border:none !important;
border-bottom: 1px solid
#C4CBF9 !important;
}
.ad-body strong{

color:#344091 ;
}
.ad-body p{

    color:#000000 ;
    }
    /*Responsive*/
    @media screen and (max-width: 560px) {

         .section-2 h1{
           font-size:28px;
        }
        .section-2{
            padding-top: 50px;
            padding-bottom: 30px;
        }
        /* .section-1 h1{
            font-size: 35px;
            line-height: 37px;
                } */
                .section-4 h1{
                    font-size: 20px;
                    line-height: 29px;
                }
                .col1 h4,.col2 h4{
                    font-size: 18px !important;
                }
    }
    @media screen and (min-width: 431px) and (max-width: 475px)  {
        .benefits-section{
            padding: 50px 40px 10px 40px !important;

                }

        .section-1 h1{
            font-size: 30px;
            line-height: 30px;
                }
                .section-1 p{
                    font-size: 30px;
                    line-height: 30px;
                        }
                        .section-2 h1{
                            font-size: 20px;
                        }
        .section-4 h1{
            font-size: 20px;
            line-height: 29px;
        }
        .col1{
            padding: 40px 20px 30px 20px !important;
        }
        .col2{
            padding: 40px 20px 30px 20px !important;
        }
    }
    @media screen and (max-width: 430px) {
        .motor-section3 button{
            width: 37% !important;
            font-size: 16px !important;
        }
        .col {
            margin-bottom: 25px;
        }
        .benefits-section{
            padding: 50px 40px 30px 40px !important;

                }
        .motor-section3 button{
width: 46% !important;
        }
        .motor-section3 h1{
            font-size: 20px !important;
        }
        .health-section3 h1{
            font-size: 28px !important;
            padding-top: 30px !important;
    padding-bottom: 20px !important;

        }
        .long p{
font-size: 14px;
        }
        .contact{
            padding: 40px 20px 20px 20px !important;
        }
        .long{
            width: 100% !important;
        }
        .small{
            width: 100% !important;
        }
        .health{
            display: block !important;
        }
        .col1{
            padding: 40px 10px 30px 10px !important;
        }
        .col2{
            padding: 40px 10px 30px 10px !important;
        }
        .health-section5 button{
            width: 34% !important;
            font-size: 14px !important;
        }
    .quote{
        width: 38% !important;
    }
        .health-section5 h1{
            font-size: 22px !important;
        }
        .section-2 h1{
            font-size: 20px;
        }
        .section-2{
            padding: 100px 26px !important;
        }
        .section-4 h1{
            font-size:18px !important;
            line-height: 29px;
        }
        .section-4{
            padding-left: 26px !important;
            padding-right: 26px !important;
        }
        .para{
        font-size: 18px;
        }
        .section-1{
            padding: 100px 0px;
        }
        .section-1 h1{
            font-size: 22px;
            line-height: 26px;
                }
                .section-1 p{
                    font-size: 20px;
                    line-height: 28px;
                        }
    }
    @media screen and (max-width: 575px) {

.section-2{
    padding: 50px 0px !important ;
}
    }
     @media screen and (max-width: 920px) {
        .section-1{
          padding-left: 50px !important;
          padding-right: 30px !important;
    }

    .section-2{
        padding: 100px 50px;
    }
    .section-4{
       padding-left: 50px;
       padding-right: 50px;
    }
}
@media screen and (min-width: 431px) and (max-width: 770px) {
    .motor-section3 button{
        width: 37% !important;
        font-size: 18px !important;
    }
    .health-section3 h1{
        padding-top: 30px !important;
    padding-bottom: 20px !important;
    }
    .health-section5 button{
        width: 28% !important;
        font-size: 16px !important;
    }
    .col1{
        margin-bottom: 30px;
    }
    .col2{
        margin-bottom: 30px;
    }
    .health{
        display: block !important;
            }
            .long{
                width: 100% !important;
            }
            .small{
                width: 100% !important;
            }
            .benefits-section{
                padding: 50px 40px 30px 40px !important;

                    }
        }

        @media screen and (min-width: 992px) and (max-width: 1399px){
.small img{
    height: 380px;
}
.contact{
padding: 50px 30px 20px 30px !important;

}
        }
        @media screen and (min-width: 771px) and (max-width: 991px){
            .small img{
                height: 390px;
            }
            .contact{
            padding: 50px 30px 20px 30px !important;

            }
            .long p{
                font-size: 14px;
            }
            /* .long{
                width: 65% !important;
            }. */
                    }
                    @media screen and (min-width: 992px) and (max-width: 1199px){
                        .motor-col1,.motor-col2{
                            height: 330px !important;
                            padding: 40px 30px 20px 30px !important;
                        }
                        .motor-section3 button{
                            width: 20% !important;
                        }

                                            }
                                            @media screen and (min-width: 992px){
                                                .motor-col1,.motor-col2{
                                                    height: 330px !important;
                                                    padding: 40px 30px 20px 30px !important;
                                                }

                                                                    }
                    @media screen and (min-width: 992px) {
.col1,.col2{
    height: 300px;
}

                    }

                    @media screen and (min-width: 768px) and (max-width: 991px){
                        .motor-section3 button{
                            width: 22% !important;
                        }

.col1{
    height: 395px !important;
    padding: 40px 30px 20px 30px !important;
}
.col2{
    height: 395px !important;
    padding: 40px 30px 20px 30px !important;
}
.motor-col1,.motor-col2{
    height: 560px !important;
    padding: 40px 30px 20px 30px !important;
}

                    }

 /*marine*/
 .marine-banner{

    background-image:url(../../assets/Images/insurance/Group\ 213.png);
    padding: 150px 0px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.section{
    padding: 0px 30px;
}
.section h5{
    color: #344091 !important;
    font-size: 16px;
}
.marine li{
    color: #344091 !important;
font-weight: 600;
}
.property-banner{
    background-image:url(../../assets/Images/insurance/Group\ 211.png);
    padding: 150px 0px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.property-section-3{
padding-bottom: 60px;
}
.section h4{
color:#344091;
font-weight: 600;
font-size: 24px;
}

/*HEALTH*/
.health-section5{
    /* background-image: url(./img/Rectangle\ 376.png); */

    background-repeat: no-repeat;
    background-position: center;

    padding:110px 20px;
    background:linear-gradient(0deg, rgba(0 0 0 / 50%), rgba(0 0 0 / 50%)), url(../../assets/Images/insurance/Rectangle\ 376.png);
    background-size:cover;
}
.health-section5 h1{
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: white;

}
.health-section5 p{
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: white;
line-height: 22px;
    padding-top: 15px;
}
.health-section5 button{
    width: 15%;
    height: 60px;
    display: block;
    margin: auto;
    background: transparent;
    border: 2px solid white !important;
    color: white;
    font-weight: 700;
    font-size: 20px;
}
.motor-section5{

    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center;

     padding:110px 20px;

    background-image: url(../../assets/Images/insurance/Group\ 215.png);
    background-size:cover;
}
.motor-section5 h1{
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: white;

}
.motor-section5 p{
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: white;
line-height: 22px;
    padding-top: 15px;
}
.motor-section5 button{
    width: 15%;
    height: 60px;
    display: block;
    margin: auto;
    background: transparent;
    border: 2px solid white !important;
    color: white;
    font-weight: 700;
    font-size: 20px;
}
.contact{


    background-color: #EBECF4;
    padding:60px 50px 20px 50px;
}
.contact button{
background-color:#344091 ;
color: white;
padding: 10px 30px;
display: block;
margin: auto;
box-shadow: 0 8px 6px -6px black;

border: 1px solid black;
}
.col1{
    border: 3px solid #344091;
     padding: 60px 50px 20px 50px;

}
.col1 h4{
color:#344091;
font-size: 20px;
font-weight: 700;
margin: 10px 0px 30px 20px;
}
.col2{
    border: 3px solid #344091;
    padding: 60px 50px 20px 50px;

}
.col2 h4{
    color:#344091;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0px 30px 20px;
    }
    .benefits-section{
padding: 80px 40px 80px 40px;

    }
    .health-section3{
padding: 0px 20px;
    }
    .health{
display: flex;
    }
    .long{
        width: 62%;
    }
    .small{
        width: 38%;
    }
    .small img{
        height: 100%;
    }
    .health-banner{

        background-image:url(../../assets/Images/health-banner.jpg);
        padding: 225px 0px;
        padding-left: 100px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

    }

    @media (min-width:768px) and (max-width:1100px)
    {
        .health-banner {

            padding: 150px 0px;
            width: 100%;
            height: 300px;
        }
    }
    @media (min-width:601px) and (max-width:767px)
    {
        .health-banner {

            padding: 110px 0px;
            /* width: 100%;
            height: 300px; */
        }
    }
     @media (min-width:426px) and (max-width:600px)
    {
        .health-banner {

            padding: 85px 0px;
        }
    }

    @media (min-width:361px) and (max-width:425px)
    {
        .health-banner {

            padding: 72px 0px;
        }
    }

    @media screen and (max-width:360px)
    {
        .health-banner {

            padding: 60px 0px;
        }
    }

    /*motor*/

    .motor-banner{
        background-image:url(../../assets/Images/motor-banner.jpg);
        padding: 225px 0px;
        padding-left: 100px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    @media (min-width:768px) and (max-width:1100px)
    {
        .motor-banner {

            padding: 150px 0px;
            width: 100%;
            height: 300px;
        }
    }
    @media (min-width:601px) and (max-width:767px)
    {
        .motor-banner {

            padding: 110px 0px;
            /* width: 100%;
            height: 300px; */
        }
    }
     @media (min-width:426px) and (max-width:600px)
    {
        .motor-banner {

            padding: 85px 0px;
        }
    }

    @media (min-width:361px) and (max-width:425px)
    {
        .motor-banner {

            padding: 72px 0px;
        }
    }

    @media screen and (max-width:360px)
    {
        .motor-banner {

            padding: 60px 0px;
        }
    }

    .motor-line{
        height: 6px !important;
        color:white !important;
        width: 25% !important;
        opacity: 1 !important;
        margin: 10px;
    }
    .motor-section3{
        background-repeat: no-repeat;
        background-position: center;

        padding:50px 20px;
     background-image: url(../../assets/Images/insurance/Group\ 216.png);
        background-size:cover;
    }
.motor-section3 h1{
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: white;
}

.motor-section3 p{
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: white;
    line-height: 22px;
    padding-top: 15px;
}
.motor-section3 button{
    width:16%;
    height: 60px;
    display: block;
    margin: auto;
    background: transparent;
    border: 2px solid white !important;
    color: white;
    font-weight: 700;
    font-size: 20px;
}
.list-order li{
font-size: 14px;
}
/* #AGRICULTURE */
.agri-banner{
    background:url(../../assets/Images/agriculture.jpg);
    background-blend-mode: multiply;
    padding: 150px 0px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}

/* personal accident */
.accident-banner{
    background-image:url(../../assets/Images/accident-banner.jpg);

    padding: 225px 0px;
    padding-left: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width:768px) and (max-width:1100px)
    {
        .accident-banner {

            padding: 150px 0px;
            width: 100%;
            height: 300px;
        }
    }
    @media (min-width:601px) and (max-width:767px)
    {
        .accident-banner {

            padding: 110px 0px;
            /* width: 100%;
            height: 300px; */
        }
    }
     @media (min-width:426px) and (max-width:600px)
    {
        .accident-banner {

            padding: 85px 0px;
        }
    }

    @media (min-width:361px) and (max-width:425px)
    {
        .accident-banner {

            padding: 72px 0px;
        }
    }

    @media screen and (max-width:360px)
    {
        .accident-banner {

            padding: 60px 0px;
        }
    }




    .home-insu-banner{
        background-image:url(../../assets/Images/home-banner.jpg);

        padding: 225px 0px;
        padding-left: 100px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    @media (min-width:768px) and (max-width:1100px)
    {
        .home-insu-banner {

            padding: 150px 0px;
            width: 100%;
            height: 300px;
        }
    }
    @media (min-width:601px) and (max-width:767px)
    {
        .home-insu-banner {

            padding: 110px 0px;
            /* width: 100%;
            height: 300px; */
        }
    }
     @media (min-width:426px) and (max-width:600px)
    {
        .home-insu-banner {

            padding: 85px 0px;
        }
    }

    @media (min-width:361px) and (max-width:425px)
    {
        .home-insu-banner {

            padding: 72px 0px;
        }
    }

    @media screen and (max-width:360px)
    {
        .accident-banner {

            padding: 60px 0px;
        }
    }